Archive for April 2017

Javascript Menghitung Nilai Rata-rata

April 28, 2017 Add Comment

Menghitung nilai Rata-rata dengan javascript


Yoow, kali ini ane mau ngasih tau cara bikin program javascript untuk meghitung nilai rata-rata. gak usah banyak basa-basi deh langsung saja kita lihat scriptnya

Script :

<html> 
 <head>
  <title> Muhamad Ahmadin </title>
  
  <style>
  
  fieldset {width:400px;
          background-color:#333;
 border-bottom:11px solid maroon;
 border-radius:20px 10px;
 margin:auto;
 transition:2s;}
 
fieldset:hover {box-shadow:5px 8px 11px black;
                padding:10px;
margin:auto;}
  
  

   
  .Zoedoel    {  font-weight:bold;
                 font-family:consolas;
        padding:15px 10px;
}

  .Infoet     {  text-align:center;
                 border-color:maroon;
        color:blue;
}
  
  .WadahInput {  padding:3px 6px;
                 background-color:#333;;
}
  
 button {background-color:maroon;
        color:white;
font-family:courier;
border:1px solid maroon;
border-radius:5px 5px;
transition:3s;
cursor:pointer;
padding:8px;}

button:hover {padding:20px;
              background-color:firebrick;
 color:white;
 font-weight:bold;
 font-size:16px;
 border-radius:10px 5px;}
 
table, th, td {background-color:#333;
              color:white;}
  </style>
  
 </head>

<body> 
<br><center>
<fieldset>
  <form name="form">
    <table border="2" style="border-collapse:collapse;text-align:center;border:3px solid maroon;margin-left:19px;">
     <tr>
      <td class="Zoedoel"> Nilai 1 </td>
      <td class="Zoedoel"> Nilai 2 </td>
      <td class="Zoedoel"> Nilai 3 </td>
      <td class="Zoedoel"> Nilai 4 </td>
      <td class="Zoedoel"> Nilai 5 </td>
      <td class="Zoedoel"> Nilai 6 </td>
      <td class="Zoedoel"> Nilai 7 </td>
      <td class="Zoedoel"> Nilai 8 </td>
     </tr>

      <tr>
      <td class="wadahInput"> <input class="Infoet" type="text" name="angka1" size="4" value="2.3"> </td>
      <td class="wadahInput"> <input class="Infoet" type="text" name="angka2" size="4" value="3.4"> </td>
      <td class="wadahInput"> <input class="Infoet" type="text" name="angka3" size="4" value="4.5"> </td>
      <td class="wadahInput"> <input class="Infoet" type="text" name="angka4" size="4" value="6.7"> </td>
      <td class="wadahInput"> <input class="Infoet" type="text" name="angka5" size="4" value="7.8"> </td>
      <td class="wadahInput"> <input class="Infoet" type="text" name="angka6" size="4" value="8.9"> </td>
 <td class="wadahInput"> <input class="Infoet" type="text" name="angka7" size="4" value="9.10"> </td>
      <td class="wadahInput"> <input class="Infoet" type="text" name="angka8" size="4" value="10.1"> </td>
     </tr>
    </table>
  </form>
  
    <button  type="button" onclick="cek()"> Lihat Nilai Rata-Rata </button>

  <h3 style="border:2px solid maroon;width:200px;text-align:center;color:white;" id="tampil"> </h3> 
 <br></fieldset>
  <br>
<div style="border-top:6px solid #800000;
            width:60%;
margin:auto;
border-radius:111px;"> </div> <br><br>

   <script>
    function cek() {
    var a=form.angka1.value;
var b=form.angka2.value;
var c=form.angka3.value;
var d=form.angka4.value;
var e=form.angka5.value;
var f=form.angka6.value;
var g=form.angka7.value;
var h=(a-(-b)-(-c)-(-d)-(-e)-(-f)-(-g))/7; //rumus ini belum pasti benar. soalnya Dadin gk tau hoho
document.getElementById("tampil").innerHTML = h.toFixed(1) ;
}
  
  </script> </center>
 </body>
</html>


Hasilnya :



Oke itu semua dari saya,,, semoga bermanfaat ya gan.

Javascript Menebak Hari

April 26, 2017 4 Comments

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 :



Oh iya, itu tinggal pilih nomor saja, misalkan pilih nomor 12, nanti akan muncul hari selasa, dan seterusnya. Oke, semoga bermanfaat :*

Javascript Kalkulator Zodiak

April 25, 2017 2 Comments

Membuat program kalkulator zodiak dengan javascript

Halo gan, kali ini ane mau ngasih tau cara bikin program dengan javascript untuk membuat kalkulator zodiak hehe. Okelah, tanpa basa basi lagi, langsung saja liat 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:courier;
border:1px solid maroon;
border-radius:5px 5px;
transition:2s;
cursor:pointer;}

button:hover {padding:13 30;
              background-color:firebrick;
 color:white;
 font-weight:bold;
 font-size:16px;
 border-radius:10px 5px;}
 

  </style></head>
<script>

 function cek() {
 var zod = {1:"Aquarius", 2:"Pisces", 3:"Aries", 4:"Taurus", 5:"Gemini", 
            6:"Cancer", 7:"Leo", 8:"Virgo", 9:"Libra", 10:"Scorpio", 11:"Sagittarius",
            12:"Capricorn"}

 var tanggal = document.getElementById("tgl").value;
 var bulan   = document.getElementById("bln").value;
 var culbi   = document.getElementById("hasil");
     if (bulan == "1" && tanggal >= "20" || bulan == "2" && tanggal <= "18")
    {culbi.value= zod["1"];}

     if (bulan == "2" && tanggal >= "19" || bulan == "3" && tanggal <= "20")
{culbi.value= zod["2"];}

if (bulan == "3" && tanggal >= "21" || bulan == "4" && tanggal <= "19")
{culbi.value= zod["3"];}

if (bulan == "4" && tanggal >= "20" || bulan == "5" && tanggal <= "20")
{culbi.value= zod["4"];}

if (bulan == "5" && tanggal >= "21" || bulan == "6" && tanggal <= "21")
{culbi.value= zod["5"];}

if (bulan == "6" && tanggal >= "22" || bulan == "7" && tanggal <= "22")
{culbi.value= zod["6"];}

if (bulan == "7" && tanggal >= "23" || bulan == "8" && tanggal <= "22")
{culbi.value= zod["7"];}

if (bulan == "8" && tanggal >= "23" || bulan == "9" && tanggal <= "22")
{culbi.value= zod["8"];}

if (bulan == "9" && tanggal >= "23" || bulan == "10" && tanggal <= "22")
{culbi.value= zod["9"];}

if (bulan == "10" && tanggal >= "23" || bulan == "11" && tanggal <= "21")
{culbi.value= zod["10"];}

if (bulan == "11" && tanggal >= "22" || bulan == "12" && tanggal <= "21")
{culbi.value= zod["11"];}

if (bulan == "12" && tanggal >= "22" || bulan == "1" && tanggal <= "19")
{culbi.value= zod["12"];}
 }
<!-- FUCKING PROGRAM LANGUAGE, I HATE JS BUT I LOVE JS LOL -->
</script>
<body> 
<br><br>
<fieldset> 
<label style="font-family:courier;
              color:white;
 font-size:18px;
 color:whitesmoke;"> Tanggal : </label>
<select id="tgl" style="padding:3px;color:maroon;background-color:#eeeedd;">
 <option value="99"> Tanggal </option>
 <option value="1"> 1 </option>
 <option value="2"> 2 </option>
 <option value="3"> 3 </option>
 <option value="4"> 4 </option>
 <option value="5"> 5 </option>
 <option value="6"> 6 </option>
 <option value="7"> 7 </option>
 <option value="8"> 8 </option>
 <option value="9"> 9 </option>
 <option value="10"> 10 </option>
 <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>
 <option value="18"> 18 </option>
 <option value="19"> 19 </option>
 <option value="20"> 20 </option>
 <option value="21"> 21 </option>
 <option value="22"> 22 </option>
 <option value="23"> 23 </option>
 <option value="24"> 24 </option>
 <option value="25"> 25 </option>
 <option value="26"> 26 </option>
 <option value="27"> 27 </option>
 <option value="28"> 28 </option>
 <option value="29"> 29 </option>
 <option value="30"> 30 </option>
 <option value="31"> 31 </option>
</select> <br><br>
<label style="font-family:courier;
              color:white;
 font-size:18px;
 color:smoke;
 margin-right:22;"> Bulan : </label>

 <select id="bln" style="padding:3px;color:maroon;background-color:#eeeedd;">
 <option value="88"> Bulan </option>
 <option value="1"> Januari </option>
 <option value="2"> Februari </option>
 <option value="3"> Maret </option>
 <option value="4"> April </option>
 <option value="5"> Mei </option>
 <option value="6"> Juni </option>
 <option value="7"> Juli </option>
 <option value="8"> Agustus </option>
 <option value="9"> September </option>
 <option value="10"> Oktober </option>
 <option value="11"> November </option>
 <option value="12"> Desember </option>
</select>
<br><br>

 <button type="submit" onClick="cek()"> Lihat </button> <br><br>
<label style="font-family:courier;
                      color:floralwhite;"> Zodiak anda adalah :   <input style="padding:2px;text-shadow:0px 0px 1px red;box-shadow:1px 1px 2px maroon;" type="text" id="hasil" disabled> </label>
</fieldset>
<br>
 <div style="border-top:6px solid #800000;
            width:60%;
margin:auto;
border-radius:111px;"> </div> <br><br>
 </body>
</html>



Hasilnya akan jadi seperti ini :


Oke gan, itu hasilnya :v kalo mau edit tinggal edit ada scriptnya ya :v
baiklah sekian, semoga bermanfaat bagi anda .

Javascript Hitung Luas Lingkaran

April 25, 2017 Add Comment

Membuat program hitung luas lingkaran dengan javascript

  Halo gan, kali ini saya akan ngasih tau script html + javascript. barangkali agan ada yang dikasih tugas disuruh buat html dengan tambahan javascript untuk menghitung luas lingkaran , dengan meng-input kan nilai jari-jarinya. 

  Nanti akan ada input teks yang harus dimasukkan nilai jari-jari lingkarannya. lalu agan tinggal klik hitung aja. otomatis javascript akan bekerja dan nilai luas lingkaran tersebut akan muncul deh.. oke kita langsung saja lihat scriptnya dibawah :) cekidot.
baca juga : Javascript Kalkulator Zodiak

ini scriptnya :


<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:courier;
border:1px solid maroon;
border-radius:5px 5px;
transition:2s;
cursor:pointer;}
button:hover {padding:13 30;
              background-color:firebrick;
 color:white;
 font-weight:bold;
 font-size:16px;
 border-radius:10px 5px;}


 </style>
 </head>
<body>
 <br>
<script language="javascript">

function LK() {
 var jari = parseFloat(document.arz.nilai_jari.value);
 if (isNaN(jari)){ jari=0.0;}

 var hasil = 3.14*jari*jari;
 alert(" Jadi, Luas Lingkaranya Adalah : "+ hasil.toFixed(0));
 }
</script> <br><br><br>
<fieldset>

<form name="arz">
<pre>
<div style="font-family:calibri;
            color:white;">
Nilai Jari-Jari Lingkaran = <input style="border-radius:5px 10px;background-color:floralwhite;padding:3px;" type="text" name="nilai_jari" /></div>
</pre>
<center>

<button value=" Hitunk " onClick="LK()"> Hitunk </button>
<button type="reset" value=" Hapuz " >Hapuz </button> </center>
</script>
</form> </fieldset> <br>
<div style="border-top:6px solid #800000;
            width:60%;
margin:auto;
border-radius:111px;"> </div> <br><br>

<br>
</body>
</html>

Yow, itu scriptnya diatas. dan ini hasil Output dari script diatas :




Catatan : jika agan mau ngedit tampilan outputnya, tinggal di edit aja scriptnya, barangkali ada yang mau di edit biar lebih bagus lagi gitu :v.  oh iya, itu saya pake transisi hover biar keren hohoho

 Oke , semoga script diatas bisa bermanfaat buat agan. 

Game Logika Seru ( maen otak bro )

April 01, 2017 1 Comment
Image result for brain logo

Halo gan . kali ini saya akan ngasih tau game-game yang seru tetapi bisa juga bikin kamu pusing :v
yaitu game puzzle / logic. okelah, langsung saja kita bahas :v

1. Home Sheep Home

Game yang satu ini adalah salah satu game favorit saya. cara mainnya adalah kamu harus menuntun para kambing yaitu shirley,timmy, dan shaun ke dalam finish spot. tentunya banyak juga rintangan yang harus kamu hadapi di game ini. pokoknya seru deh :v


2. The Contact Machine

game ini lumayan susah sih , kamu harus mengatur bola hitam kecil itu sampe finish yang mengarah ke kanan. jangan sampe jatuh gan. levelnya juga banyak, semakin level tinggi, rintangan semakin banyak gan , jadi harus sabar maen game ini.

Hitung luas Segitiga dengan C++

April 01, 2017 4 Comments
Image result for c++ program logo


Halo gan, kali ini saya akan ngasih tau cara membuat program untuk mencari , menghitung luas segitiga dengan C++. disini saya menggunakan software " Dev C++ ". baiklah, saya mulai aja ya :v

Pertama, siapkan aplikasi "Dev C++" , atau mau yang lain juga boleh, seperti Borland,dll.

Buka aplikasi Dev C++ anda, tekan Ctrl+N, lalu masukan kode seperti ini :

1. Untuk program type Input ( masukan nilai saat program di run )

 #include <iostream>
#include <conio.h>
#include <stdio.h>

 using namespace std;
 int main() {
  system ("color 0A");
  cout<<""<<endl;
cout<<"             NAME               : .................... "<<endl;
 cout<<""<<endl;
cout<<"             CLASS              : ..................... "<<endl;
 cout<<""<<endl;
cout<<"             ADRESS             :..................... "<<endl;
 cout<<""<<endl;
cout<<"             DATE OF BIRTH      : .................... "<<endl;
 cout<<""<<endl;
cout<<"--------------------------------------------------------------------------------"<<endl;

  int A,T,LUAS;
 printf(" $   Nilai Alas    : ");
 scanf("%i",&A);
   cout<<""<<endl;
 printf(" $   Nilai Tinggi  : ");
 scanf ("%i",&T);
   cout<<""<<endl;
 LUAS=0.5*(A*T);
    printf(" $   Luas Segitiga : %i",LUAS);
 cout<<""<<endl;
 cout<<""<<endl;
 cout<<"--------------------------------------------------------------------------------"<<endl;

       
       cout<<""<<endl;
 cout<<"                        CREATED BY : ..................... "<<endl;


  getch();

  }


 Ini hasil dari kode diatas

Catatan :
yang saya kasih titik-titik dan background abu-abu, masukan sesuai kamu :v itu gaya-gayaan dikit.


2. Untuk program type Output ( masukin nilai sebelum program di Run )

 #include <iostream>
#include <stdio.h>
#include <conio.h>

 using namespace std;
int main() {

system("color 0A");

cout<<""<<endl;
cout<<"             NAME               : .............."<<endl;
 cout<<""<<endl;
cout<<"             CLASS              : .............."<<endl;
 cout<<""<<endl;
cout<<"             ADRESS            : .............. "<<endl;
 cout<<""<<endl;
cout<<"             DATE OF BIRTH      : ................"<<endl;
 cout<<""<<endl;
cout<<"--------------------------------------------------------------------------------"<<endl;

   int a = 10 ;
   int t = 5  ;
   int luas = 0.5*(a*t);

printf ("Nilai Alas     : ");
cout<<a <<endl;
cout<<""<<endl;
printf ("Nilai Tinggi   : ");
cout<<t <<endl;
cout<<""<<endl;
printf ("Luas Segitiga  : ");
cout<<luas<<endl;

cout<<""<<endl;
 cout<<""<<endl;
 cout<<"--------------------------------------------------------------------------------"<<endl;

       
       cout<<""<<endl;
 cout<<"                        CREATED BY :.............. "<<endl;


getch();

 }

 Ini hasil dari kode diatas

Catatan :
yang saya kasih titik-titik dan background abu-abu, masukan sesuai kamu :v itu gaya-gayaan dikit.



Subscribe to: Posts (Atom)