тег тега не работает внутри тега скрипта

Question

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

Попытка создать кнопку, которая нажата, изменит размер шрифта моего первого 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)

javascript html css

0

Deepak Sharma 24 Окт 2019 в 19:50

Answer 1

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

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

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

Answer 2

Кнопка не должна быть внутри тега скрипта. Поместите его до или после тега </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

тег тега не работает внутри тега скрипта

2 ответа

Похожие вопросы

Новые вопросы

javascript