Добрый вечер. Проблема с setInterval. Функция вообще не выполняется

Question

Объясните пожалуйста проблему и предложите решение или альтернативный вариант. Мне необходимо чтобы при вводе текста в textarea он дублировался в другой див.

         <textarea type="text" class="width1 div-button" id="div-html"></textarea> 
            <textarea type="text" class="width1 div-button" id="div-css"></textarea>
            <textarea type="text" class="width1 div-button" id="div-javascript"></textarea>
            <div type="text" class="width1 div-button" id="div-output"></div>
            

           setInterval(htmlOutput, 1000);

            function htmlOutput(){
        
            $("#div-output").html($("#div-html").value);
        
        }

Answer 1

$("#div-html").keyup(function() {
  $("#div-output").html($(this).val());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<textarea type="text" class="width1 div-button" id="div-html"></textarea>
<textarea type="text" class="width1 div-button" id="div-css"></textarea>
<textarea type="text" class="width1 div-button" id="div-javascript"></textarea>
<div type="text" class="width1 div-button" id="div-output"></div>

Answer 2

$("#div-html") - вернет jQuery объект.

Чтобы получить значение из jQuery объекта нужно использовать метод val

setInterval(htmlOutput, 1000);

function htmlOutput() {

  $("#div-output").html($("#div-html").val());

}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea type="text" class="width1 div-button" id="div-html"></textarea>
<textarea type="text" class="width1 div-button" id="div-css"></textarea>
<textarea type="text" class="width1 div-button" id="div-javascript"></textarea>
<div type="text" class="width1 div-button" id="div-output"></div>

БЛОГ НА HUSL

Добрый вечер. Проблема с setInterval. Функция вообще не выполняется

Ответы (2 шт):