Cara memanggil fungsi javascript hanya pada@media screen and(max-width :xpx)

Apa bisa kita memanggil sebuah fungsi dari javascript dan hanya bisa aktif saat kita memasang @media screen di css. Contoh max widnya 800px?

css javascript html

@Amrizah

12 Kontribusi 0 Poin

Diperbarui 5 tahun yang lalu

2 Jawaban:

Hi @Amrizah, coba ini <pre> function myFunction(x) { if (x.matches) { // If media query matches document.body.style.backgroundColor = "yellow"; } else { document.body.style.backgroundColor = "pink"; } }

var x = window.matchMedia("(max-width: 700px)") myFunction(x) // Call listener function at run time x.addListener(myFunction) // Attach listener function on state changes </pre> sumber: W3School

@apake1

106 Kontribusi 55 Poin

Dipost 5 tahun yang lalu

terimakasih mas @apakel

@Amrizah

12 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

Cara memanggil fungsi javascript hanya pada@media screen and(max-width :xpx)

Kelas Premium!
Belajar bikin website dari nol sekarang