-
Notifications
You must be signed in to change notification settings - Fork 16
hw 09
garevna edited this page Jun 6, 2019
·
14 revisions
Завершите код функции typeMessage так, чтобы на страницу выводился один символ в секунду
function typeMessage ( message, velocity ) {
var container = document.getElementById ( "demo" ) ?
document.getElementById ( "demo" ) :
document.body.appendChild (
document.createElement ( "h3" )
)
container.style = `color: magenta;`
...
}
typeMessage ( `Welcome to the hell`, 1 )Напилите код методов setUserPresent, showPresent и showAbsent
var users = (
function ( list ) {
var users = []
for ( var user of list )
users.push ({
name: user,
present: false
})
return {
setUserPresent ( userName, present ) {
...
},
showPresent () {
...
},
showAbsent () {
...
}
}
}
)( [ "Иван", "Дмитрий", "Степан", "Михаил" ] )
users.showAbsent()После запуска кода результат в консоли должен быть таким:
Иван
Дмитрий
Степан
Михаил
а после выполнения кода:
users.setUserPresent( "Иван", "+" )
users.setUserPresent( "Михаил", "присутствовал" )
users.setUserPresent( "Степан", true )
users.showPresent()результат в консоли должен быть таким:
Иван
Степан
Михаил
Допилите код функции changeClass, которая парсит все стили страницы в поисках заданного класса, а затем меняет атрибуты стиля этого класса
let changeClass = ( classname, styleString ) => (
...
).length > 0 ? console.log ( "found" ) :
document.head.appendChild (
document.createElement ( "style" )
).textContent = `.${classname} {${styleString}}`После вызова функции:
changeClass ( "second-level-menu", "background-color: red!important;" )в консоли страницы, где есть элементы с классом second-level-menu, у всех элементов этого класса цвет фона должен измениться на красный
© Irina H.Fylyppova 2018
Использование данных материалов или любой их части коммерческими школами ( курсами ) является нарушением авторских прав
| 1 | 2 | 3 | 4 | 5 |
| 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 |
| ⏬ |
|---|
- Блок-схема алгоритма
- Developer Tools
- Chrome DevTools
- Переменные
- Оператор typeof
- Структуры данных
- Операторы присваивания
- Логические выражения
- Условные операторы
- Инкремент
- Свойство length
- Оператор цикла for
- UTF-8
Homework
- Приведение типов
- NaN | null | Infinity
- BigInt (ES10)
- Функции
- Методы
- Методы строк
- Методы массивов
- Date ()
Самостоятельная работа
Практика (XSS)
Homework
- Циклы while и do...while
- Циклы for...of и for...in
- Параметры по умолчанию
- Объект function
Практика
Homework
- Нативные и host-объекты
- Литерал объекта
- Унаследованные свойства
- Конструктор
- Модель наследования
- Публичные и приватные свойства
- Оператор in
1
Homework
- Итерирующие методы массивов
- Тестирование производительности
- SHA
Homework
- Размеры и прокрутка элемента
- Event Loop
- async | await
- API
- REST | HATEOAS
- status codes
JSON placeholder-
JSON server
fake chat
Homework
- strict mode
- Вычисляемые имена свойств
- Краткий синтаксис методов
- Краткий литерал объекта
- Классы
Homework
- :not(:defined)
- Shadow DOM
- Custom elements
- Lifecycle hooks
- whenDefined
- <template>
- slot
1
2
3
Homework
- npm
- webpack
Упражнение 1- ES6 модули
Упражнение 2- --mode | --watch
Упражнение 3
Упражнение 4
Упражнение 5
Упражнение 6
Упражнение 7
Упражнение 8
Homework
| ⏫ |
|---|

Дополнительно
Справочная инфо
Git Bush
TCP/IP
Коды символов