Прошу помощи.
объясните пожалуйста новичку, как работает этот скрипт:
<script>
var section = document.querySelector('section'); //объявляет переменные и присвоение
var editable = document.querySelector('.editable');
var textareaHTML = document.querySelector('.playable-html'); //
var textareaCSS = document.querySelector('.playable-css');
var reset = document.getElementById('reset'); // объявляет переменную по идентификатору
var htmlCode = textareaHTML.value;
var cssCode = textareaCSS.value;
function fillCode() { //функция заполнения textarea css и html редактирования
editable.innerHTML = textareaCSS.value;
section.innerHTML = textareaHTML.value;
}
reset.addEventListener('click', function () { // добавляет обработчик событий клик мыши и функцию
textareaHTML.value = htmlCode; // значение из текстовой области html = равно htmlcode
textareaCSS.value = cssCode;
fillCode();
});
textareaHTML.addEventListener('input', fillCode); //отслеживает событие в textarea
textareaCSS.addEventListener('input', fillCode);
window.addEventListener('load', fillCode);
</script>
Коментарии добавлял, прошу поправить и дополнить.
Всем добра
Прошу прощения за то что пост и скрипт оформлены не по канонам