Saya mencoba mengubah ukuran font dengan mengklik tombol dan menggunakan id paragraf

Mencoba membuat tombol yang diklik akan mengubah ukuran font javascript pertama saya

Kode :-

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

Keluaran saya akan datang : JavaScript in Body

Keluaran aktual yang ingin saya datangi:

JavaScript in Body
My First JavaScript
button(click me)
0
Deepak Sharma 24 Oktober 2019, 19:50

2 jawaban

Jawaban Terbaik

Anda harus mengeluarkan tombol dari tag skrip.

Seharusnya terlihat seperti ini.

<!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 Oktober 2019, 17:02

Tombol tidak boleh berada di dalam tag skrip. Letakkan sebelum atau sesudah tag </script>.

Hanya JavaScript yang harus ada di tag skrip.

<!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 Oktober 2019, 16:58