Я пытаюсь изменить размер шрифта, нажав на кнопку и используя идентификатор абзаца

Попытка создать кнопку, которая нажата, изменит размер шрифта моего первого JavaScript

Код: -

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript in Body</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
<button type="button" onclick='document.getElementById("demo").style.fontSize="20px";' >click me</button>  
</script>

</body>
</html> 

Мой выходной идет: JavaScript in Body

Фактический вывод, который я хочу прийти:

JavaScript in Body
My First JavaScript
button(click me)
0
Deepak Sharma 24 Окт 2019 в 19:50

2 ответа

Лучший ответ

Вы должны получить кнопку из тега скрипта.

Это должно выглядеть так.

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript in Body</h2>
<button type="button" 
onclick='document.getElementById("demo").style.fontSize="20px";' >click me</button>  
<p id="demo">
</p>

</body>
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>

</html>
0
Octavio Suero 24 Окт 2019 в 17:02

Кнопка не должна быть внутри тега скрипта. Поместите его до или после тега </script>.

В скрипте должен быть только JavaScript.

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript in Body</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
<button type="button" onclick='document.getElementById("demo").style.fontSize="20px";' >click me</button>  

</body>
</html> 
0
Barmar 24 Окт 2019 в 16:58
58545855