file.onchange = function(e) {
let str = e.target.value;
res.textContent = str.length > 40 ? str.slice(0, 10) + '...' + str.slice(-10) : str;
}
positon: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
position: absolute;
left: 50%;
top: 150%;
transform: translate(-50%, -50%);
.about-box:nth-child(1) div
const el = document.getElementById('yourElement')
el.addEventListener('animationend', function() {
el.classList.remove('animated fadeInDown')
})
.about div:nth-child(1) {
//...
}
.about div:nth-child(2) {
//...
}
.about div:nth-child(3) {
//...
}
.about div:nth-child(4) {
//...
}
const elements = document.getElementsByClassName('test')
Array.from(elements).forEach(element => {
element.addEventListener('click', () => {
element.style.backgroundColor = 'red'
})
})