Javascript Menebak Hari

Membuat Program Penebak Hari dengan Javascript

Yow, kali ini ane mau ngasih tau cara membuat program javascript untuk menebak hari. maksudnya, jika anda memilih nomor, dan diklik buttonnya, akan muncul 1 jenis hari. setiap angka yang ada itu berbeda-beda nama harinya, misalkan bilangan / angka yang dipilih adalah 12, maka hari yang ditampilkan adalah "selasa". oke, kita langsung saja ke scriptnya :

Script

<html>
<head>
<title> Muhamad Ahmadin </title>
<style>
fieldset {width:400px;
background-color:#333;
border-top:11px solid maroon;
border-radius:20px 10px;
margin:auto;
transition:2s;}

fieldset:hover {box-shadow:5px 8px 11px maroon;
padding:10px;
margin:auto;}


button {background-color:maroon;
color:black;
font-family:consolas;
padding:7px;

border-radius:11px 11px;
transition:2s;}

button:hover {background-color:firebrick;
color:white;
padding:9px;
text-shadow:2px 2px 3px orange;
padding:13 40px;
font-size:20px;}

</style>
</head>
<body>
<script>
function tampilkan() {
var angka = document.getElementById("form1").select1.value; //rumus ini belum pasti benar. soalnya daidn gk tau hoho
var p_ket = document.getElementById("container"); //rumus ini belum pasti benar. soalnya daidn gk tau hoho

if (angka == "11")
{
p_ket.innerHTML="Hari ini adalah Hari Senin"
}
else if (angka == "12")
{
p_ket.innerHTML="Hari ini adalah Hari Selasa"
}
else if (angka == "13")
{
p_ket.innerHTML="Hari ini adalah Hari Rabu"
}
else if (angka == "14")
{
p_ket.innerHTML="Hari ini adalah Hari Kamis"
}
else if (angka == "15")
{
p_ket.innerHTML="Hari ini adalah Hari Jum'at"
}
else if (angka == "16")
{
p_ket.innerHTML="Hari ini adalah Hari Sabtu"
}
else if (angka == "17")
{
p_ket.innerHTML="Hari ini adalah Hari Minggau"
}
}

//rumus ini belum pasti benar. soalnya Dadin gk tau hoho
</script>
<br> <div style="margin:auto;"> <fieldset>
<form id="form1" name="form1" onsubmit="return false">
<label style="font-family:consolas;
color:white;
font-size:20px;" for="select1"> Pilih Nomor </label>
<select id="select1" name="select1" style="background-color:floralwhite;color:maroon;padding:3px;">
<option value="11"> 11 </option>
<option value="12"> 12 </option>
<option value="13"> 13 </option>
<option value="14"> 14 </option>
<option value="15"> 15 </option>
<option value="16"> 16 </option>
<option value="17"> 17 </option> </select>
<br><br>
<button type="submit" value="Tampilkan Arti Angka" onclick="tampilkan()">Tampilkan</button> </form>

<div style="font-family:calibri;
color:white;

font-size:20px;
border:3px inset maroon;
border-radius:13px 10px;
width:280px;
text-align:center;
background-color:#404040;">
<p id="container"> </p> </div>
<br><br>
</div> <br>
<div style="border-top:6px solid #800000;
width:60%;
margin:auto;
border-radius:111px;"> </div> <br><br>

</body>
</html>

Oke, maka hasil script diatas akan seperti ini :