что делать с ошибкой Uncaught ReferenceError: from is not defined в коде:
// находим элементы на странице
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
const form = document.querySelector('#from'); const taskInput = document.querySelector('#taskInput'); from.addEventListener('submit', function (event) { // отменяем отправку формы event.preventDefault(); // достаем текст задачи из поля ввода const taskText = taskInput.value; // формируем разметку для новой задачи const taskHTML = ` <li class="list-group-item d-flex justify-content-between task-item"> <span class="task-title">${taskText}</span> <div class="task-item__buttons"> <button type="button" data-action="done" class="btn-action"> <img src="./img/tick.svg" alt="Done" width="18" height="18"> </button> <button type="button" data-action="delete" class="btn-action"> <img src="./img/cross.svg" alt="Done" width="18" height="18"> </button> </div>; </li>`; console.log(taskHTML); }) |
%3B%0Aconst%20taskInput%20%3D%20document.querySelector(%26%2339%3B%23taskInput%26%2339%3B)%3B%0A%0Afrom.addEventListener(%26%2339%3Bsubmit%26%2339%3B%2C%20function%20(event)%20%7B%0A%C2%A0%20%C2%A0%20%2F%2F%20%D0%BE%D1%82%D0%BC%D0%B5%D0%BD%D1%8F%D0%B5%D0%BC%20%D0%BE%D1%82%D0%BF%D1%80%D0%B0%D0%B2%D0%BA%D1%83%20%D1%84%D0%BE%D1%80%D0%BC%D1%8B%0A%C2%A0%20%C2%A0%20event.preventDefault()%3B%0A%C2%A0%20%C2%A0%20%0A%0A%C2%A0%20%C2%A0%20%2F%2F%20%D0%B4%D0%BE%D1%81%D1%82%D0%B0%D0%B5%D0%BC%20%D1%82%D0%B5%D0%BA%D1%81%D1%82%20%D0%B7%D0%B0%D0%B4%D0%B0%D1%87%D0%B8%20%D0%B8%D0%B7%20%D0%BF%D0%BE%D0%BB%D1%8F%20%D0%B2%D0%B2%D0%BE%D0%B4%D0%B0%0A%C2%A0%20%C2%A0%20const%20taskText%20%3D%20taskInput.value%3B%0A%0A%C2%A0%20%C2%A0%20%2F%2F%20%D1%84%D0%BE%D1%80%D0%BC%D0%B8%D1%80%D1%83%D0%B5%D0%BC%20%D1%80%D0%B0%D0%B7%D0%BC%D0%B5%D1%82%D0%BA%D1%83%20%D0%B4%D0%BB%D1%8F%20%D0%BD%D0%BE%D0%B2%D0%BE%D0%B9%20%D0%B7%D0%B0%D0%B4%D0%B0%D1%87%D0%B8%20%C2%A0%0A%C2%A0%20%C2%A0%20const%20taskHTML%20%3D%20%60%20%0A%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%26lt%3Bli%20class%3D%26%2334%3Blist-group-item%20d-flex%20justify-content-between%20task-item%26%2334%3B%26gt%3B%0A%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%26lt%3Bspan%20class%3D%26%2334%3Btask-title%26%2334%3B%26gt%3B%24%7BtaskText%7D%26lt%3B%2Fspan%26gt%3B%0A%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%26lt%3Bdiv%20class%3D%26%2334%3Btask-item__buttons%26%2334%3B%26gt%3B%0A%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%26lt%3Bbutton%20type%3D%26%2334%3Bbutton%26%2334%3B%20data-action%3D%26%2334%3Bdone%26%2334%3B%20class%3D%26%2334%3Bbtn-action%26%2334%3B%26gt%3B%0A%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%26lt%3Bimg%20src%3D%26%2334%3B.%2Fimg%2Ftick.svg%26%2334%3B%20alt%3D%26%2334%3BDone%26%2334%3B%20width%3D%26%2334%3B18%26%2334%3B%20height%3D%26%2334%3B18%26%2334%3B%26gt%3B%0A%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%26lt%3B%2Fbutton%26gt%3B%0A%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%26lt%3Bbutton%20type%3D%26%2334%3Bbutton%26%2334%3B%20data-action%3D%26%2334%3Bdelete%26%2334%3B%20class%3D%26%2334%3Bbtn-action%26%2334%3B%26gt%3B%0A%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%26lt%3Bimg%20src%3D%26%2334%3B.%2Fimg%2Fcross.svg%26%2334%3B%20alt%3D%26%2334%3BDone%26%2334%3B%20width%3D%26%2334%3B18%26%2334%3B%20height%3D%26%2334%3B18%26%2334%3B%26gt%3B%0A%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%26lt%3B%2Fbutton%26gt%3B%0A%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%26lt%3B%2Fdiv%26gt%3B%3B%0A%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%26lt%3B%2Fli%26gt%3B%60%3B%20%0A%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%C2%A0%20%0A%C2%A0%20%C2%A0%20console.log(taskHTML)%3B%0A%7D)%0A){kind=small}
1 ответ
от
jaren ,
6 месяцев назад
@alina.sazhina2007 Ошибка Uncaught ReferenceError: from is not defined возникает потому, что вы пытаетесь использовать переменную from, которая не была объявлена. Возможно, вы хотели использовать переменную form, которую вы уже объявили. Вам нужно заменить from на form в вашем коде. Вот исправленный код:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
const form = document.querySelector('#from'); const taskInput = document.querySelector('#taskInput'); form.addEventListener('submit', function (event) { // отменяем отправку формы event.preventDefault(); // достаем текст задачи из поля ввода const taskText = taskInput.value; // формируем разметку для новой задачи const taskHTML = ` <li class="list-group-item d-flex justify-content-between task-item"> <span class="task-title">${taskText}</span> <div class="task-item__buttons"> <button type="button" data-action="done" class="btn-action"> <img src="./img/tick.svg" alt="Done" width="18" height="18"> </button> <button type="button" data-action="delete" class "btn-action"> <img src="./img/cross.svg" alt="Done" width="18" height="18"> </button> </div> </li>`; console.log(taskHTML); }); |
15
Похожие обсуждения:
Что делать с ошибкой write tcp 127.0.0.1:3000->127.0.0.1:***xx: write: broken pipe при выполнении http запроса в golang?
Что делать с ошибкой java: illegal start of expression?
Как исправить uncaught syntaxerror: unexpected token } в PHP?
Как исправить ошибку в npm "size is not defined"?
Как исправить ошибку в npm "size is not defined"?
Как исправить ошибку в npm "size is not defined"?