Веб-разработка для новичковй. День 8

Василика Климова

Взаимодействие с элементами

Василика Климова
Разработчик интерфейсов
Artec 3D

Moscow Coding School

День 8

Мультимедиа

Цикл while

      while (i < 10) {
        console.log( i );
        i++;
      }
    

Цикл for

      for (i = 0; i < 3; i++) {
          console.log( i );
      }
    

Массивы

Набор элементов, доступ к которым осуществляется по индексу

Принцип

Don’t repeat yourself

Изменение единственного элемента системы не требует внесения изменений в другие

Функции

Область видимости переменной

Объявление переменных

let userName;

Переменная доступна ТОЛЬКО в рамках блока {...}, где была объявлена

      let name = 'Вася';
      if (true) {
        let name = 'Оля';
        alert(name); // Оля (внутри блока)
      }
      alert(name); // Вася (снаружи блока значение не изменилось)
    

Объекты

    let user = {
      name: "Василика",
      isAdmin: true,
      writeName() {
        alert("Привет, " + this.name);
      }
    };

Глобальные объекты

window.innerWidth
navigator.userAgent
document.body.scrollTop
...

Событие загрузки страницы

window.onload = function() { ... }

Поиск элемента

document.getElementById("h1")
document.getElementsByTagName("h1")[0]
document.getElementsByClassName("class")[0]
document.querySelector(".class")
...

Методы, свойства и события

el.innerHTML
el.style.color
el.addEventListener("click", func)
...

Полезные ссылки

Василика Климова

likita
vasilika.klimova
lik04ka

Навигация

Список всех уроков

Fork me on Github