Управление элементами на странице. DOM, часть 1

let heading = document.querySelector('h1'); 
let para = document.querySelector('p'); 

function text(element, t) {
    element.textContent = t
}

function style(element, s) {
    element.style.color = s
}

let textInput = prompt('Введите текст для заголовка: ');
text(heading, textInput);

textInput = prompt('Введите цвет для заголовка: ');
style(heading, textInput);

textInput = prompt('Введите текст для параграфа: ');
text(para, textInput);

textInput = prompt('Введите цвет для параграфа: ');
style(para, textInput);

Открыть готовую страницу с ответом ↗

let fruits = ['Яблоко', 'Банан', 'Вишня']
let list = document.querySelector('#list')

for (let i = 0; i < fruits.length; i++) {
    list.innerHTML += '<li>' + fruits[i] + '</li>'
}

let items = document.querySelectorAll('.item')

for (let i = 0; i < items.length; i++) {
    items[i].style.color = 'green'
}
items[0].style.fontWeight = 'bold'

let items = document.querySelectorAll('.menu li')
console.log('Всего пунктов: ' + items.length)
document.title = 'Меню готово'