Прошу помочь с кодом

Question

Прошу помочь с кодом

Дарья Дубова Ученик (106), на голосовании 1 год назад

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Задание 6.4. Получение списка дочерних элементов</title>
</head>
<body>
<ul class="listNumbers">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<script>

Напишите функцию setStyle, которая на вход получает цвет шрифта, размер шрифта.

function setStyle(fontColor, fontSize) {
//Ваш код!
}
</script>
</body>
</html>

Answer 1

function setStyle(fontColor, fontSize) { const elements = document.querySelectorAll(“.listNumbers li”); for (let i = 0; i < elements.length; i++) { elements[i].style.color = fontColor; elements[i].style.fontSize = fontSize; } } setStyle(“red”, “20px”);

Answer 2

Ваша функция setStyle может быть написана следующим образом, чтобы установить цвет и размер шрифта для элементов списка:

 function setStyle(fontColor, fontSize) {  
    var listItems = document.querySelectorAll('.listNumbers li'); 
    for (var i = 0; i < listItems.length; i++) { 
        listItems[i].style.color = fontColor; 
        listItems[i].style.fontSize = fontSize; 
    } 
}

Вызовите эту функцию, передав в качестве аргументов желаемый цвет и размер шрифта. Например:

 setStyle('red', '20px');

Это изменит цвет шрифта всех элементов списка на красный и установит размер шрифта на 20 пикселей. Пожалуйста, убедитесь, что вы вызываете эту функцию после того, как ваш HTML полностью загружен, чтобы избежать ошибок. Это можно сделать, поместив вызов функции внутрь обработчика события DOMContentLoaded:

 document.addEventListener('DOMContentLoaded', function() { 
    setStyle('red', '20px'); 
});