Contoh Codingan Plih Warna

Hallo sahabat Warlock Media dimana pun kalian berada.

Kali ini saya akan membagikan bagaimana cara mencari codingan pilih warna Menggunakan HTML

Bahan-bahan yang di perlukan adalah :
1. Sublime Text

Bila tidak mempunyai Sublime Text, bisa memakai Notepad++ kok

2. Notepad++

Setelah mempunyai software seperti di atas, mari kita menkoding kode nya
contoh codingannya :

<script type='text/javascript'>
function bgChange(bg)
{document.body.style.background=bg;}


</script>
<table border="1" height="50" style="width: 150px;">

<input type="button" value="Merah" onclick="bgChange('#ff0000')" />
<input type="button" value="Orange" onclick="bgChange('#ffd000')" /> 
<input type="button" value="Putih" onclick="bgChange('#ffffff')" />
<input type="button" value="Kuning" onclick="bgChange('#ffff00')" />
<input type="button" value="Hijau" onclick="bgChange('#00ff00')" />
<input type="button" value="Pink" onclick="bgChange('#ff69ba')" />
<input type="button" value="Cyan" onclick="bgChange('#00ffff')" />
<input type="button" value="Biru" onclick="bgChange('#0000ff')" />

   <tr>
      <td onclick="bgChange('#F90A0A')" bgcolor="#F90A0A"></td>
      <td onclick="bgChange('#160AF9')" bgcolor="#160AF9"></td>
      <td onclick="bgChange('#FF00FF')" bgcolor="#FF00FF"></td>
      <td onclick="bgChange('#DCDCDC')" bgcolor="#DCDCDC"></td>
      <td onclick="bgChange('#00BFFF')" bgcolor="#00BFFF"></td>
   </tr>
   <tr>
      <td onclick="bgChange('#3BA509')" bgcolor="#3BA509"></td>
      <td onclick="bgChange('#CD853F')" bgcolor="#CD853F"></td>
      <td onclick="bgChange('#F9720A')" bgcolor="#F9720A"></td>
      <td onclick="bgChange('#FFFFFF')" bgcolor="#FFFFFF"></td>
      <td onclick="bgChange('#FFFF00')" bgcolor="#FFFF00"></td>
  
  <div class="content">

<h1>Warna Warni</h1>

</div>
</tr>
</table>

Berikut setelah di koding kodenya lalu kalian save file nya, setelah itu kalian run file nya
Maka akan tampil seperti dibawah ini :

Sekian dan terimakasih sudah mau mampir ke blog saya ini.....