Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Ребят, помогите с кодом! (https://javascript.ru/forum/misc/84647-rebyat-pomogite-s-kodom.html)

Anna1994 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>

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

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

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

рони 07.11.2022 22:15
Anna1994,
redtext.classList.add("makingred");

вместо
Цитата:
Сообщение от Anna1994
var text=redtext.innerHTML;
text.setAttribute("class", "makingred");

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

рони 07.11.2022 23:57
Anna1994,
className и classList


Часовой пояс GMT +3, время: 08:37.