28 Juli 2020

Inilah Cara Untuk Menampilkan Hasil Operasi Pada Lokasi Tertentu Yang Sudah Ditentukan Pada Halaman Website

www.niguru.com
Niguru.com | Selasa, 28 Jul 2020 | Dalam pembuatan program untuk website yang interaktif (tampilan pada web tergantung pada feedback dari pengunjung web), seringkali programmer, perlu menampilkan data atau informasi yang harus disisipkan pada lokasi yang sudah ditetapkan.

Pada posting kali ini Niguru.com akan menjelaskan mengenai cara untuk menuliskan script untuk menyisipkan data output atau informasi output pada lokasi yang sudah ditetapkan.

Berikuti ini penjelasan dan contohnya. Niguru.com akan mulai dengan script berikut ini:

<h1>Penjumlahan</h1><big>
Hasil 1234 + 567 adalah = <h7 id=id01></h7>

<script>
var a=1234
var b=567
var c=a+b
document.getElementById("id01").innerHTML=c
</script>


 
Note:
Data output ditampilkan pada lokasi yang ditandai dengan nama: id01
Script pada Javascript untuk menampilkan data pada "id01" adalah:
document.getElementById("id01").innerHTML

Simpan dengan nama JSID01.html (boleh disimpan dengan nama lain):


 

Hasilnya bila ditampilkan pada browser:

 
Perhatikan juga pada contoh berikut ini:

<h2 id=uji1></h2>
Diatas tulisan inilah kedua kalimat yang diinput ditampilkan.
<script>
var a=prompt("ketikkan kata /kalimat pertama")
var b=prompt("ketikkan kata /kalimat kedua")
var c=a+" "+b
document.getElementById("uji1").innerHTML=c
</script>


 
Note:
Tag <h1></h1> sampai <h6></h6> dan <p></p> akan menampilkan teks sebelum maupun sesudahnya dalam paragraf /baris baru.
Tag <h7></h7> akan menampilkan teks sebelum maupun sesudahnya dalam baris yang sama.

Simpan dengan nama JSID02.html (boleh disimpan dengan nama lain):

 

 

Hasilnya bila ditampilkan pada browser, akan diawali dengan tampilnya input window, yang berasal dari instruksi PROMPT > ketikkan kalimat > klik OK:

 

Saat tampil input window kedua, ketikkan kalimat kedua > klik OK:

 

Hasilnya, teks ditampilkan di atas teks yang sebelumnya sudah ada terlebih dahulu:


Demikianlah penjelasan mengenai cara untuk menampilkan hasil operasi pada lokasi yang sudah ditetapkan pada halaman website.
Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Tidak ada komentar:

Posting Komentar