Форум

Anna1994 · #1 (**permalink**) 07.11.2022, 22:03

При нажатии на кнопку цвет заголовка должен стать красным, но ничего не получается(
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hi, JavaScript</title>
<link type="text/css" rel="stylesheet" href="hi.css">
</head>
<body>
<h1 id="red">Hello, JS</h1>
<input type="button" id="redbutton" value="Change color">
<script>
function init(){
var button=document.getElementById("redbutton");
button.onclick=handlebutton;
};
function handlebutton(){
var redtext=document.getElementById("red");
var text=redtext.innerHTML;
text.setAttribute("class", "makingred");
};
window.onload=init;
</script>
</body>
</html>

рони · #2 (**permalink**) 07.11.2022, 22:10

Anna1994,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:

[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

рони · #3 (**permalink**) 07.11.2022, 22:15

Anna1994,

redtext.classList.add("makingred");

вместо

Сообщение от Anna1994

var text=redtext.innerHTML;
text.setAttribute("class", "makingred");

Anna1994 · #4 (**permalink**) 07.11.2022, 23:12

Благодарю Вас)Изучаю этот язык где то месяц и пока не видела такого добавления класса) Спасибо еще раз)

рони · #5 (**permalink**) 07.11.2022, 23:57

Anna1994,
className и classList

Форум

Справочник

Discord чат

Курсы javascript