module 5 project 2
MINI PROJECT 2
Buat sebuah list, dan sebuah button. Jika button diklik, setiap item list yang genap akan berubah menjadi biru dan tebal
Catatan: gunakan loops
KODE HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.blue-bold{
color: blue;
font-weight: bold;
}
</style>
</head>
<body>
<ul id="My">
<li>BMW</li>
<li>PORCHE</li>
<li>AUDI</li>
<li>FORD</li>
<li>TOYOTA</li>
</ul>
<button onclick="tombol()">tekan</button>
KODE JAVACRIPT:
function tombol() {
var ubah = document.querySelectorAll("#My li")
for (i = 0; i < ubah.length; i++){
if (i % 2 != 0){
ubah[i].classList.add('blue-bold');
} else{
}
}
}
DAN INI HASILNYA:
Komentar
Posting Komentar