Hllo gan kita berjumpa lagi kali ini ada bebrapa topik yang akan kita bahas yaitu diantaranya..
1.Kapan sebuah element id digunakan ?
2.Cara penulisan event onclick saja pada html ?
3.Cara penulisan function ?
4.Cara input dan output ?
Mari kita bahas satu-satu
1. Yang pertama yaitu elemen id biasanya digunakan untuk memanggil dan mengunci karakter yang nantik bakal kita panggil pada saat kita membutuhkannya.
2. Terus yang kedua elemen Onclick yaitu suatu elemen yang dimana digunakan untuk menjalankan perintah javascript
3. Cara penulisan Javascript adalah cara yang
umum yang dipakai adalah menuliskanya dalam tag <script>. Tag <script> bisa dibuat
di dalam tag <head>, mauapun di dalam tag <body>. Contoh:
4. Selanjutnya untuk input outputnya bisa kita klik link dibawah ini..
KLIK DISINI
Rabu, 01 November 2017
Rabu, 13 September 2017
CARA MEMBUAT KALKULATOR SEDERHAN via NOTEPAD++
Hello gan kite bertemu lagi saat ini saya akan memberikan tutorial membuat kalkulator sederhana dengan bantuan aplikasi notepad ++ ok langsung aja gan ...
..
cekidot......
..
1. Pertama dan yang terpenting adalah kita harus ada PC atau laptop yang sudah ada aplikasi notepad++
2. Kedua kita jalankan aplikasinya
3. Selanjutnya kita membuat format HTML di aplikasi tersebut lalu kita simpan dulu dengan format HTML
4. Lalu kita membuat text box di BODY di aplikasinya
atau bisa copas di bawah ini
<div class="tengah">
<div class="text2">MEMBUAT KALKULATOR SEDERHANA</div><br>
<div>
<label class="text">Bilangan 1</label>
<input type="text" id="txtbil1"/>
</div>
<div>
<label class="text">Bilangan 2</label>
<input type="text" id="txtbil2"/>
</div>
<div>
<label class="text">Hasil</label>
<label id="lblhasil" class="text" style="font-style=bold;">Hasil_Proses</label>
</div>
<div>
<input type="button" id="btnHasil" value="Perkalian" onclick="kali()"/>
<input type="button" id="btnHasil" value="Pembagian" onclick="bagi()"/>
<input type="button" id="btnHasil" value="Penjumlahan" onclick="jumlah()"/>
<input type="button" id="btnHasil" value="Pengurangan" onclick="kurang()"/>
</div>
5. Setelah itu kita baru buat script karkulatornya.
atau bisa copas disini
<script>
function kali()
{
var bil1 = document.getElementById("txtbil1").value;
var bil2 = document.getElementById("txtbil2").value;
var hasil = parseInt(bil1)*parseInt(bil2);
document.getElementById("lblhasil").innerHTML = hasil;
}
function bagi()
{
var bil1 = document.getElementById("txtbil1").value;
var bil2 = document.getElementById("txtbil2").value;
var hasil = parseInt(bil1)/parseInt(bil2);
document.getElementById("lblhasil").innerHTML = hasil;
}
function jumlah()
{
var bil1 = document.getElementById("txtbil1").value;
var bil2 = document.getElementById("txtbil2").value;
var hasil = parseInt(bil1)+parseInt(bil2);
document.getElementById("lblhasil").innerHTML = hasil;
}
function kurang()
{
var bil1 = document.getElementById("txtbil1").value;
var bil2 = document.getElementById("txtbil2").value;
var hasil = parseInt(bil1)-parseInt(bil2);
document.getElementById("lblhasil").innerHTML = hasil;
}
</script>
6. Setelah semuanya sudah kita bisa menjalankan formula tadi dan jadinya seperti ini.
OK gan sampa sini tutorialnya tolong dikomen ya buat progres kedepan semoga bisa bermanfaat buat yang lagi membutuhklan see you next time ........... ;v
..
cekidot......
..
1. Pertama dan yang terpenting adalah kita harus ada PC atau laptop yang sudah ada aplikasi notepad++
2. Kedua kita jalankan aplikasinya
3. Selanjutnya kita membuat format HTML di aplikasi tersebut lalu kita simpan dulu dengan format HTML
4. Lalu kita membuat text box di BODY di aplikasinya
atau bisa copas di bawah ini
<div class="tengah">
<div class="text2">MEMBUAT KALKULATOR SEDERHANA</div><br>
<div>
<label class="text">Bilangan 1</label>
<input type="text" id="txtbil1"/>
</div>
<div>
<label class="text">Bilangan 2</label>
<input type="text" id="txtbil2"/>
</div>
<div>
<label class="text">Hasil</label>
<label id="lblhasil" class="text" style="font-style=bold;">Hasil_Proses</label>
</div>
<div>
<input type="button" id="btnHasil" value="Perkalian" onclick="kali()"/>
<input type="button" id="btnHasil" value="Pembagian" onclick="bagi()"/>
<input type="button" id="btnHasil" value="Penjumlahan" onclick="jumlah()"/>
<input type="button" id="btnHasil" value="Pengurangan" onclick="kurang()"/>
</div>
5. Setelah itu kita baru buat script karkulatornya.
atau bisa copas disini
<script>
function kali()
{
var bil1 = document.getElementById("txtbil1").value;
var bil2 = document.getElementById("txtbil2").value;
var hasil = parseInt(bil1)*parseInt(bil2);
document.getElementById("lblhasil").innerHTML = hasil;
}
function bagi()
{
var bil1 = document.getElementById("txtbil1").value;
var bil2 = document.getElementById("txtbil2").value;
var hasil = parseInt(bil1)/parseInt(bil2);
document.getElementById("lblhasil").innerHTML = hasil;
}
function jumlah()
{
var bil1 = document.getElementById("txtbil1").value;
var bil2 = document.getElementById("txtbil2").value;
var hasil = parseInt(bil1)+parseInt(bil2);
document.getElementById("lblhasil").innerHTML = hasil;
}
function kurang()
{
var bil1 = document.getElementById("txtbil1").value;
var bil2 = document.getElementById("txtbil2").value;
var hasil = parseInt(bil1)-parseInt(bil2);
document.getElementById("lblhasil").innerHTML = hasil;
}
</script>
6. Setelah semuanya sudah kita bisa menjalankan formula tadi dan jadinya seperti ini.
OK gan sampa sini tutorialnya tolong dikomen ya buat progres kedepan semoga bisa bermanfaat buat yang lagi membutuhklan see you next time ........... ;v
Rabu, 06 September 2017
CARA DASAR PEMBUATAN OPRASI INPUT OUTPUT JAVASCRIPT VIA NOTEPAD++
Hello gan kali ini saya akan menerangkan tetang cara membuat program input output java script via notepad++ moga bisa bermanfaat bagi kalian dan mohon maaf jika ada banyak kekurangan.
oke cekidot...
1. Terlebih dahulu kita jalankan aplikasi notepad++ seperti gambar berikut.
2. Setelah itu kita buat dasar pemograman .
3. Setelah itu kita buat function input output di tex boxk HEAD
4. Setelah sudah kita buat function lagi di BODY untuk manggil variabel yang ada du HEAD
5. Setelah selesai semua maka jadinya seperti ini.
6. Setelah itu klik di menubar RUN terus pilih kita akan menjalankannya dimana misal di google chrome maka jadinya seperti ini.
Oke seperti itu gan caranya selamat mencoba see you next time... :v
jangan lupa komen buat evaluasi kedepannya untuk lebih baik.
oke cekidot...
1. Terlebih dahulu kita jalankan aplikasi notepad++ seperti gambar berikut.
2. Setelah itu kita buat dasar pemograman .
3. Setelah itu kita buat function input output di tex boxk HEAD
4. Setelah sudah kita buat function lagi di BODY untuk manggil variabel yang ada du HEAD
5. Setelah selesai semua maka jadinya seperti ini.
6. Setelah itu klik di menubar RUN terus pilih kita akan menjalankannya dimana misal di google chrome maka jadinya seperti ini.
Oke seperti itu gan caranya selamat mencoba see you next time... :v
jangan lupa komen buat evaluasi kedepannya untuk lebih baik.
Minggu, 27 Agustus 2017
ALPRO INPUT OUTPUT
<HTML>
<HEAD>
<title>Progam Arimatika</title>
<style>
.tengah{
margin: auto;
width: 50%;
border: 3px solid black;
padding: 10px;
background-Color: yellow;
}
</style>
<SCRIPT>
function Getjumlah()
{
//deskripsi variabel
var bi11;
var bi12;
var hasil;
//input
bi11=parseInt(document.getElementById("txtbi11").value);
bi12=parseInt(document.getElementById("txtbi12").value);
//proses
hasil = bi11 + bi12;
//output
document.getElementById("lblhasil").innerHTML=hasil;
}
</script>
</head>
<body>
<div class="tengah">
<h1>PROGRAM ARIMATIKA</h1>
<div>
<div>
<label>Bilangan 1</label>
<input type="text" id="txtbi11"/>
</div>
<div>
<label>Bilangan 2</label>
<input type="text" id="txtbi12"/>
</div>
<div>
<label>Hasil</label>
<label id="lblhasil">Hasil_Proses</label>
</div>
<div>
<input type="button" value="Jumlah"onclick="Getjumlah()"/>
</div>
</div>
</body>
</html>
Langganan:
Komentar (Atom)
Tugas Rekayasa Perangkat Lunak (Kelas SP4.2)
1.Tahapan Pengembangan RPL a.Rekayasa sistem dan Analisis (Sistem Engineering and Analysis) Karena perangkat lunak adalah bagian dari siste...
-
Ok guys jumpa lagi dengan saya dimana pembahasan kali ini kita akan membahas mengenai STACK & QUEUE Baiklah langsung aja cekidot....
-
Kembali lagi dengan saya kita sekarang akan membahas tentang tree langsung saja ya.. Dalam materi Struktur data kita sudah bela...
-
1.Tahapan Pengembangan RPL a.Rekayasa sistem dan Analisis (Sistem Engineering and Analysis) Karena perangkat lunak adalah bagian dari siste...












