let timeoutText; // за событие клика вынеси
clearTimeout(timeoutText);
timeoutText = setInterval();<form action="" onsubmit="handleSubmit(event);">
<input type="text" id="name">
<input type="submit">
</form>
<script>
function handleSubmit(e) {
e.preventDefault();
console.log(document.getElementById("name").value) // value получай по target лучше
}
</script>(function(d, w) {
w.addEventListener('load', () => {
d.querySelector('.main')
.style.marginTop = `${d.querySelector('.header')
.offsetHeight}px`;
});
})(document, window);<div class="wrapper1">
<div class="content-splitter">
<div class="left">
<div class="block"> лалалалал</div>
</div>
<div class="right">
<img src="https://img4.goodfon.ru/wallpaper/nbig/1/7c/kartinka-loshadi-liubov-serdechki.jpg" alt="">
</div>
</div>
</div>.wrapper1 {
display: grid;
grid-template-columns: 2fr 1fr;
width: 1500px;
height: 300px;
box-shadow: 1px 1px 25px 3px rgba(0, 0, 0, .3);
}
.content-splitter {
display: flex;
gap: 0em;
}
.left {
display: flex;
flex-direction: column;
gap: 4em;
padding: 90px 60px;
width: minmax(80px, 80%);
font-size: 1.4em;
line-height: 28px;
}
.block {
display: flex;
flex-direction: column;
gap: .75em;
}
.right {
overflow: auto;
object-fit: contain;
}.input-file-name Тебе нужно получать родителя и добавлять. Если не хочешь парится с получением блоков, добавь атрибут к каждому input и укажи там их названия классов того, где ты выводишь название.
let block = document.body.querySelector('.main button').onclick = btn;
function btn () {
let divCol = document.createElement("div");
divCol.classList.add("col-12", "h-25", "p-2", "mb-2", "border");
document.body.querySelector('[data-content]').prepend(divCol);
let arr = [];
arr.push(divCol);
console.log(arr);
}const colors = ['blue', 'green', 'red', 'orange', 'violet', 'indigo'];
const suffixes = ['th', 'st', 'nd', 'rd'];
const choices = colors.map((color, index) => {
const suffix = index < 4 ? suffixes[index] : suffixes[index % 4];
return `${index + 1}${suffix} choice is ${color}`;
});
console.log(choices);document.addEventListener('DOMContentLoaded', () =>{
const sigInBlock = document.getElementById('sigInBlock');
let inputEmail = (document.getElementById("inputEmail") as HTMLInputElement);
const form = (document.getElementById('form') as HTMLFormElement);
const userPage = document.getElementById('userPage');
const userName = document.getElementById('userName');
const btnEdit = document.getElementById('btnEdit');
const btnFollow = document.getElementById('btnFollow');
const inputLenta = document.getElementById('inputLenta');
const myLenta = document.getElementById('myLenta');
const btnSend = document.getElementById('btnSend');
const run = (() =>{
form.addEventListener('submit', (e) =>{
e.preventDefault();
console.log('hi')
console.log(inputEmail.value)
//const response = await fetch(' http://146.185.154.90:8000/blog/' + inputEmail.value);
})
})();
})const buttons = $('.btt1, .btt2');
const tabs = $('.rr1, .rr2');
const modes = $('#rych, #autm');
buttons.on('click', function() {
const isManualMode = $(this).is('.btt1');
const buttonText = `Выбран ${isManualMode ? 'ручной' : 'автоматический'} режим`;
buttons.prop('disabled', false)
.removeClass('activvBt')
.html(`Заполнить в ${isManualMode ? 'автоматическом' : 'ручном'} режиме<i class="icon-arr"></i>`);
$(this).prop('disabled', true)
.addClass('activvBt')
.text(buttonText);
tabs.hide().eq(isManualMode ? 0 : 1).show(100);
modes.removeClass('activv').eq(isManualMode ? 0 : 1).addClass('activv');
});div, не в h1, не в p