How To

Cara Membuat Toggle Text

Di bawah ini kita akan mempelajari cara membuat toggle teks dengan JavaScript.

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>

<p>Klik tombol untuk menukar teks dari elemen DIV:</p>

<p><button >var x = document.getElementById("myDIV");
  if (x.innerHTML === "Tergila-gila") {
    x.innerHTML = "Ini bukan yang pertama tapi ini paling menarik!";
  } else {
    x.innerHTML = "Tergila-gila";
  }
}
</script>

</body>
</html>

Membuat Toggle Teks

Langkah 1) Tambahkan HTML:
Contoh

<p><button >

Langkah 2) Tambahkan JavaScript:
Contoh

function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.innerHTML === "Tergila-gila") {
    x.innerHTML = "Ini bukan yang pertama tapi ini paling menarik!";
  } else {
    x.innerHTML = "Tergila-gila";
  }
}

Hanifah Nurbaeti

Share
Tags: CSSHow To