Cara menggunakan tampilan javascript

Pada kesempatan kali ini saya akan menjelaskan cara menampilkan dan menyembunyikan elemen dengan JavaScript. Perlu sobat ketahui sebelumnya, untuk membuat elemen toggle seperti tab dimana suatu elemen akan muncul dan sembunyikan yang akan ditangani dari satu tombol. Tentunya dari penjelasan tersebut sobat bisa menggunakannya dengan berbagai cara agar elemen tersebut lebih interaktif. Dan dari hasil penjelasan tersebut dapat anda kembangkan lebih lanjut untuk menampung beberapa konten dalam satu halaman agar konten yang disajikan kepada pengunjung lebih mudah untuk dibaca dan dibuat dengan teknik toggle show and hide element. Untuk membuatnya sobat bisa mengikuti langkah demi langkah yang sudah saya berikan dibawah ini

Berikut langkah-langkahnya

• Buat file html dengan nama index. html
• Jika sudah ketik kode seperti berikut

indeks. html

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

<. DOCTYPE html>

lang="en">< /a>lang="en">

kumpulan karakter="UTF-8" >charset="UTF-8">

. wadah{

latar belakang. #fff;

lebar. 40%;

margin. otomatis;

}

#element{

latar belakang. #222;

warna. #fff;

padding. 10 piksel;

}

tombol{

latar belakang. biru;

radius batas. 5px;

padding. 10 piksel;

warna. #fff;

}

fungsi toggleElement() {

    var x = dokumen.getElementById("elemen");

    jika (x. gaya. tampilan === "tidak ada") {

        x. gaya. tampilkan = "blokir";

    } lain {

        x. gaya. tampilan = "tidak ada";

    }

}

• Jika sudah simpan file tersebut dan lihat hasilnya di browser kesayangan anda

Sekian dulu penjelasan saya tentang cara menampilkan dan menyembunyikan elemen dengan JavaScript, semoga bermanfaat