let Name = document.querySelector('.Name');
let Email = document.querySelector('.Email');
let button = document.querySelector('.button');
let forms = document.querySelector('.forms');
let labels = document.querySelectorAll('label');
let inputs = document.querySelectorAll('input');
let newDiv = document.createElement('div');
forms.append(newDiv);
button.onclick = function(e) {
e.preventDefault();
// Удаляем существующие p, если они есть
let existingParagraphs = document.querySelectorAll('p');
existingParagraphs.forEach(p => {
p.remove();
});
// Создаём новые p для каждого input
inputs.forEach(input => {
if (input.value.trim() !== '') { // проверяем, что поле не пустое
let p = document.createElement('p');
p.textContent = input.value;
newDiv.append(p);
}
});
}
Name.style.marginBottom = "20px";
Email.style.marginBottom = "20px";const {
index,
axis,
value,
} = event.detail;const index = event.detail.index;
const axis = event.detail.axis;
const value = event.detail.value;Как сделать так, чтобы при открытии страницы сразу отображалась первая картинка и только потом запускалась анимация слайдера?
.container_slider_css {
margin: 50px auto;
width: 1427px;
height: 1427px;
overflow: hidden;
position: relative;
}
.photo_slider_css {
position: absolute;
animation: round 9s infinite;
opacity: 0;
width: 100%;
}
@keyframes round {
35% {
opacity: 1;
}
50% {
opacity: 0;
}
}
img:nth-child(1) {
animation-delay: 0s;
}
img:nth-child(2) {
animation-delay: 3s;
}
img:nth-child(3) {
animation-delay: 6s;
}