Membuat list perubah warna secara dinamis dengan HTML dan Javascript (HTML Programming)

Assalamualaikum..

Dalam tutorial kali ini saya ingin membuat list perubah warna yang dinamis dengan menu dropdown.

Selamat menyimak..

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h1 id="teks">Hello World</h1> //objek yang akan berubah2 warnaya

</div>

var temp,temp2,temp3,def,n;

n=prompt("Masukkan jumlah warna:");

temp="<select onclick='ubahWarna(value)'>";

temp2="<option value='black'>Black<option/>";

for(a=1;a<=n;a++){

warna=prompt("warna ke "+a);

temp2=temp2+'<option value="'+warna+'"">'+warna+'<option/>';

}

temp3="<select/>";

document.getElementById('hasil').innerHTML=temp+temp2+temp3;

function ubahWarna(a){

document.getElementById('teks').style.color=a;

}

</script>

</body>

</html>

Pastikan saat penginputan warna, user menginputkan warna yang dapat dibaca oleh html misal red,green,blue,yellow, dll. Fungsi ini mendefault warna hitam. Jadi meskipun user tidak mengisikan warna hitam, maka program akan memunculkan warna black secara otomatis.

Terimakasih, semoga bermanfaat ^^

Komentar

Postingan populer dari blog ini

Tipe data dalam bahasa C (C Programming)

Hai.. ketemu lagi dengan saya di blog yang sederhana ini.. dalam kesempatan kali ini saya akan memposting tentang tipe data dalam bahasa C. yuk kita simak :) Tipe data adalah suatu pengenal (identifier) yang merupakan bagian program yang paling penting karena tipe data mempengaruhi setiap instruksi yang akan dilaksanakan oleh k omputer. Misalnya saja 5 dibagi 2 bisa saja menghasilkan hasil yang berbeda tergantung tipe datanya. Jika 5 dan 2 bertipe integer maka akan menghasilkan nilai 2, namun jika keduanya bertipe float maka akan menghasilkan nilai 2.5000000. Pemilihan tipe data yang tepat akan membuat proses operasi data menjadi lebih efisien dan efektif. Bahasa C menyediakan 5 macam tipe data dasar, yaitu 1. Tipe data integer yaitu bilangan bulat dideklarasikan dengan int . 2. Floating point yaitu bilangan pecahan dideklarasikan dengan float . 3. Double precision yaitu bilangan pecahan ketepatan ganda dideklarasikan dengan double . 4. karakter dideklaras

Baca selengkapnya

Kimia (Polimer)

A. DEFINISI POLIMER DAN PEMBENTUKAN POLIMER 1. Pengertian Polimer Polimer adalah suatu makromolekul yang terbentuk dari molekul-molekul sederhana yang kita sebut sabagai monomer. Monomer adalah bagian terkecil dari suatu polimer. 2. Pembentukan Polimer Proses pembentukan polimer dari monomer-monomernya disebut polimerisasi. Reaksi polimerisasi adalah reaksi penggabungan beberapa monomer. a. Reaksi Polimer Adisi Polimerisasi terjadi pada monomer yang memiliki ikatan rangkap. Adalah perkaitan langsung antarmonomer berdasarkan reaksi adisi. 1) Pembentukan Polietilena (Polietena) Polietilena dibentuk oleh monomer-monomer etena. Etena diperoleh dari hasil perengkahan (cracking) minyak bumi atau gas bumi. Pembentukan polimer ini digambarkan sebagai berikut CH 2 =CH 2 + CH 2 =CH 2 → --CH 2 -- CH 2 -- CH 2 -- CH 2 -- → ( --CH 2 -- CH 2 --) n 2 molekul monomer dimer

Baca selengkapnya

Apa itu using namespace std?

Assalamu’alaikum.. Hai teman-teman.. dalam posting kali ini saya akan sedikit menjelaskan tentang namespace std. using namespace std , perintah ini digunakan untuk mendeklarasikan/ memberitahukan kepada compiler bahwa kita akan menggunakan semua fungsi/class/file yang terdapat dalam namespace std. namespace sendiri memiliki kesamaan dengan paket pada bahasa Java yang berisi pengelompokan fungsi, class dan yang sejenis. Pada C++ library- library umumnya disimpan dalam namespace std, seperti perintah cin dan cout. Perbedaan penulisan apabila kita menggunakan namespace std atau tidak adalah : Tanpa using namespace std std::cout << " Tanpa menggunakan namespace std " ; std::cin >> pil; Menggunakan using namespace std #include <iostream> using namespace std; int main() { cout << " Menggunakan namespace std "; cin >> pil; return 0; } Na

Baca selengkapnya

MEMBACA DAN MENGIDENTIFIKASIKAN MOS,CMOS DAN FET

1) Komponen MOS, CMOS dan FET diidentifikasi tipenya, rating operasinya . MOSFET ( Metal Oxide Semiconductor Field Effect Transistor ) MOSFET disebut juga Transistor Efek Medan Oksida Logam, hal ini karena pada Gate di isolasi dari saluran mayoritas pembawa muatan hal ini mengakibatkan arus Gate sangat kecil dan tidak dipengaruhi oleh Positif atau Negatifnya Gate tersebut. MOSFET sering juga disebut sebagai IGFET (Insulated Gate Field Effect Transistor) , mempunyai elektroda Source, Drain dan Gate . Bekerjanya MOSFET berbeda dengan JFET, pada MOSFET Gate/Gerbang di isolasi dari kanal sehingga dapat dioperasikan menggunakan tegangan positif (+), sedang pada JFET menggunakan tegangan negatif (-). Tegangan positif tersebut memeberi manfaat mempertinggi konduktifitas kanal. Makin positif tegangan gerbang, semakin besar konduktifitas dari Source ke Drain (Sumber ke Cerat). Keuntungan utama menggunakan FET adalah, impedansi Inputnya sangat tinggi dan menggun

Baca selengkapnya

Mengenal Tipe data dan Operator di VB .net (VB Programming)

Assalamu'alaikum.. pada tutorial kali ini saya ingin berbagi tentang tipe data danoperator yang digunakan dalam pemrograman Visual Basic. selamat menyimak.. :) Teori 2.1. Variabel Variabel adalah pengalokasian tempat di memory komputer dengan type data tertentu dan datanya dapat diubah. Aturan pendefinisian variabel - Harus dimulai dengan huruf - Tidak boleh menggunakan spasi - Tidak melebihi 255 karakter - Untuk vb. Net tidak case sensitive (tidak membedakan huruf kecil dan besar - Boleh menggunakan underscore Contoh penulisan variabel yang benar : - Dim Dataku as integer - Dim A4 as double - Dim Alas_ruang as Boolean Contoh penulisan yang salah - Dim 4data as Integer - Dim Data gambar as date 2.1.1 Ruang lingkup variabel Dalam pendefinisian variabel dikenal dua area yaitu variabel lokal dan variabel global. Variabel lokal adalah vari

Baca selengkapnya

keepCoding();

Cari Blog Ini