Форум

sanches163 · #1 (**permalink**) 13.02.2016, 23:48

Всем добра

! Может быть кто-то поможет с этим ? На странице элементы <input type=text> и <div></div>. Необходимо написать обработчики событий так, чтобы при наборе текста в элементе <input...> он так же появлялся и в элементе <div></div>

<!DOCTYPE html>
<html>
<head>
<title> </title>

<style>
.div1 {
border: 5px solid black;
background-color: red;
}

</style>

<script>

</script>
</head>
<body>

<br><br><br>
<input type=text>

<br>
<br>
<div class=div1>...............</div>
<br><br><br>

</body>
</html>

Alexander Belov · #2 (**permalink**) 14.02.2016, 00:43

sanches163,
А что сам наработал по JS по этому вопросу?

sanches163 · #3 (**permalink**) 14.02.2016, 09:50

на данный момент собственно нахожусь в поиске подходящего решения, обязательно поделюсь наработками, по мере их появления.

destus · #4 (**permalink**) 14.02.2016, 10:08

sanches163,
oninput обрабатывай событие

<script>
        document.addEventListener('DOMContentLoaded',function(){
            document.querySelector('input').addEventListener('input', function () {
                document.querySelector('div').innerHTML = document.querySelector('input').value;
            })
        })
    </script>

    <input type="text" />
    <div></div>

рони · #5 (**permalink**) 14.02.2016, 10:09

destus,

destus · #6 (**permalink**) 14.02.2016, 10:10

Сообщение от рони

destus,

?

рони · #7 (**permalink**) 14.02.2016, 10:12

destus,
всё верно, но пропустил }) и можно this.value

destus · #8 (**permalink**) 14.02.2016, 10:13

Сообщение от рони

destus,
всё верно, но пропустил }) и можно this.value

окей

sanches163 · #9 (**permalink**) 14.02.2016, 12:53

Сообщение от destus

sanches163,
oninput обрабатывай событие

<script>
        document.addEventListener('DOMContentLoaded',function(){
            document.querySelector('input').addEventListener('input', function () {
                document.querySelector('div').innerHTML = document.querySelector('input').value;
            })
        })
    </script>

    <input type="text" />
    <div></div>

спасибо)), все работает!!!

Форум

Справочник

Discord чат

Курсы javascript