onclick event

gan saya lagi belajar penanganan event onclick di javascript, jadi cerita nya ada dua buah tombol ada LOOK ME sama CLOSE nah untuk tombol LOOK ME fungsi dan event nya jalan normal tetapi pas saya click CLOSE gk terjadi apa-apa kenapa yah gan mohon pencerahannya dari tadi di oprek-oprek gk ada yang berubah ini script nya


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>

		<p id="text"></p>
		<button type="button" onclick="lookMe()">LOOK ME</button>
		<button type="button" onclick="close()">CLOSE</button>
	<script>
		var b = document.getElementById("text");
		function lookMe(){
			b.innerHTML = "Hello, WELCOME IN JAVASCRIPT EVENT ";
				b.style.backgroundColor = "#FF6056";
		b.style.textAlign = "center";
			b.style.height = "20vh";
			b.style.lineHeight = "20vh";
			b.style.fontSize = "2em";
			b.style.color = "whitesmoke";
		}
		function close(){
			b.style.height = "0vh";
			b.style.lineHeight = " 0vh";
			b.style.fontSize = " 1em";
			b.style.color = "black";
		}
	</script>
	</body>
</html>

avatar hafizdjubaidir
@hafizdjubaidir

110 Kontribusi 1 Poin

Diperbarui 6 tahun yang lalu

3 Jawaban:

coba ini


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	</head>
	<body>

		<p id="text"></p>
		<button type="button" onclick="lookMe()">LOOK ME</button>
		<button type="button" onclick="closeWrap()">CLOSE</button>
	<script>
		var b = document.getElementById("text");
		function lookMe(){
			b.innerHTML = "Hello, WELCOME IN JAVASCRIPT EVENT ";
				b.style.backgroundColor = "#FF6056";
		b.style.textAlign = "center";
			b.style.height = "20vh";
			b.style.lineHeight = "20vh";
			b.style.fontSize = "2em";
			b.style.color = "whitesmoke";
		}
		function closeWrap(){
			b.style.height = "0vh";
			b.style.lineHeight = " 0vh";
			b.style.fontSize = " 1em";
			b.style.color = "black";
		}
	</script>
	</body>
</html>

avatar unhackme
@unhackme

27 Kontribusi 13 Poin

Dipost 6 tahun yang lalu

Jawaban Terpilih

close() adalah salah satu fungsi bawaan javascript, hati - hati saat memberi nama sebuah fungsi. Solusi ganti nama function-nya.

https://developer.mozilla.org/en-US/docs/Web/API/Window/close

avatar riyanxp
@riyanxp

70 Kontribusi 50 Poin

Dipost 6 tahun yang lalu

@riyanxp oh gitu pantesan ok terima kasih dan jawab dah ngasih tau @unhackme terimakasih udah solved sekarang terima kasih udah jawab :)

avatar hafizdjubaidir
@hafizdjubaidir

110 Kontribusi 1 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban