Buat kotak di javascript dengan menggunakan div dan jika diklik maka kotak akan berubah

Oleh mikhael18 0 0 pada Selasa, 29 Okt. 2019, 11:54:25

Kembali ke forum umum

Petunjuk Diskusi
Silahkan masuk untuk berdiskusi 
kak saya mau  tanya bagaumana ya cara buat kotak di javascript dengan background biru, border hijau dan tulisan didalam kotaknya warna merah serta jika diklik  maka border yang tadinya hijau jadi warnabiru serta background yang tadinya biru jadi merah dan tulisan yang tadinya merah jadi hijau,terima kasih.
0 jempol

bramanto
300
1157
· 5 tahun yang lalu · 0 jempol 

Halo coder @mikhael18, 

Untuk referensi belajar, sebenarnya kamu bisa buka disini:

https://www.w3schools.com/jsref/...

<html>
	<head>
		<title>.: Belajar JavaScript :.</title>
		<style>
			.kotak {
				width:200px;
				height:200px;
				background:blue;
				border:5px solid green;
				color:red;
				text-align:center;
				font-size:30px;
				padding:10px;
			}
			.centered{
				text-align:center;
				margin:15px auto;
			}
		</style>
	</head>
	<body>
		<div class="centered">
			<div class="kotak" id="kotak">CODE</div>
		</div>
		<script>
			document.getElementById("kotak").addEventListener("click", function(){
				document.getElementById("kotak").style.backgroundColor = "red";
				document.getElementById("kotak").style.color  = "green";
				document.getElementById("kotak").style.borderColor = "blue";
			});
		</script>
	</body>
</html>