Пора начинать мой первый проект. Захватывающе!!!!! Проект заключается в создании приложения To do с локальным хранилищем. Это будет приложение MVP To do. MVP означает минимально жизнеспособный продукт. Это означает, что в приложении списка дел будет много вещей, которые мы можем сделать, чтобы улучшить его, но этого будет достаточно для завершения проекта.
Во-первых, мы узнали об манипулировании DOM с использованием методов DOM и свойств DOM. Методы DOM — это действия, которые вы можете выполнять с элементами HTML. Свойства DOM — это значение, которое вы можете получить или установить. Я узнал, как с помощью манипуляций с DOM можно вносить временные изменения в список дел, который создал инструктор.
Меня направили на созданный им сайт https://epic-aryabhata-7b8bc0.netlify.com/, чтобы я мог попрактиковаться в манипулировании DOM. Затем я щелкнул правой кнопкой мыши по одному из элементов и нажал проверить, чтобы открыть инструменты разработчика.
Сначала мы рассмотрели метод getElementbyId. Это позволяет нам ориентироваться на элемент DOM с предоставленным нами идентификатором. Если бы для таргетинга идентификатор был «заголовком», мы бы поступили так:
document.getElementById('title');
Мы можем сохранить это в переменной, чтобы позже получить к ней более легкий доступ:
var title = document.getElementById('title');
Вы также можете использовать document.querySelector(), это возвращает первый элемент в документе, который соответствует указанному селектору или группе селекторов.
document.querySelector('#title');
При использовании селектора запросов вам нужно использовать # для идентификатора и . для элементов класса.
Шаг 1 — объявить название переменной title и присвоить ей значение идентификатора «title» любым DOM-методом из прошлых уроков.
var title = document.getElementById('title');
Шаг 2 — привязать свойство textContent к переменной
title.textContent; //this will bring up the text in the Id Title "Todo Tracker" (as shown on his website)
Шаг 3 — теперь мы можем изменить текст
title.textContent = 'My Todo tracker"
Это изменит название веб-сайта с Todo Tracker на My Todo tracker.
Это временно, и после обновления изменения исчезнут.
Я не уверен, как изучение этого поможет создать окончательное приложение Todo, но я рад узнать новые вещи и посмотреть, как все это связано с конечным свойством.
