Rabu, 01 November 2017

PENGUNAAN tag ID dan tag EVENT di HTML

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, 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






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.



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>

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...