Javascript Assignment Biasa
Diasuh dan diampu oleh Ikhsan, S.Pd., M.Pd.
Javascript assignment biasa disimbolkan dengan tanda =
Assignment digunakan untuk memberikan nilai ke suatu variabel.
Contoh:
let x = 100;
artinya x diberi nilai 100
Atau
x menyimpan nilai 100
Ketika kita membahas Javascript Aritmetika, kita sudah terbiasa menggunakan simbol = sebagai kode di dalam Javascript.
Pemaknaan simbol = sama halnya dengan pembahasan waktu di Javascript Aritmetika.
Kita mencoba membuat contoh paling sederhana dengan tiga cara yaitu
Cara 1
Menggunakan perintah document.write();
Cara 2
Menggunakan perintah document.body.innerHTML+=" ";
Cara Lain
Menggunakan perintah console.log(" ");
Cara lain ini tidak pernah saya gunakan di dalam pembahasan karena memang Blogger untuk sementara ini tidak bisa tidak mengakses kode console.log(" ");
Cara 1
Langkah-langkahnya
1. Bukalah Google Docs untuk halaman baru.
Tulislah kode
<script type="text/javascript"> </script>
2. Tulislah perintah let a, b, hasil; ke dalam kode tersebut,
sehingga kode menjadi
<script type="text/javascript">
let a, b, hasil;
</script>
3. Tulislah kode berikut
a = 60;
b = 30;
hasil = a + b;
sehingga kode menjadi
<script type="text/javascript">
let a, b, hasil;
a = 60;
b = 30;
hasil = a + b;
</script>
4. Tulislah perintah
document.write(" "); dalam kurung diisi oleh variabel hasil.
document.write("Hasilnya = ”+hasil);
sehingga kode menjadi
<script type="text/javascript">
let a, b, hasil;
a = 60;
b = 30;
hasil = a + b;
document.write("Hasilnya = ”+hasil);
</script>
5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.
Lalu periksalah apakah tanda kutipnya itu miring atau tegak. Jika tanda kutip tersebut miring, gantilah dengan tanda kutip yang tegak.
6. Publikasikan
Sekali lagi, kode selengkapnya berikut :
<script type="text/javascript">
let a, b, hasil;
a = 60;
b = 30;
hasil = a + b;
document.write("Hasilnya = ”+hasil);
</script>
Hasil tampilannya berikut:
Hasilnya = 90
Cara 2
Menggunakan perintah document.body.innerHTML +=" ";
Langkah-langkahnya
1. Bukalah Google Docs untuk halaman baru.
Tulislah kode
<script type="text/javascript"> </script>
2. Tulislah perintah let a, b, hasil; ke dalam kode tersebut,
sehingga kode menjadi
<script type="text/javascript">
let a, b, hasil;
</script>
3. Tulislah kode berikut
a = 60;
b = 30;
hasil = a + b;
sehingga kode menjadi
<script type="text/javascript">
let a, b, hasil;
a = 60;
b = 30;
hasil = a + b;
</script>
4. Tulislah perintah
document.body.innerHTML +=" ";
Dalamnya tanda kutip diisi teks disambung dengan variabel hasil. Penyambung menggunakan tanda +.
document.body.innerHTML +="Hasilnya = "+hasil;
sehingga kode menjadi
<script type="text/javascript">
let a, b, hasil;
a = 60;
b = 30;
hasil = a + b;
document.body.innerHTML +="Hasilnya = "+hasil;
</script>
5. Copy-lah seluruh kode tersebut kemudian Paste-lah ke dalam halaman +POSTINGAN BARU di Blogger di menu Tampilan HTML, bukan di menu Tampilan Menulis.
6. Publikasikan
Sekali lagi, kode selengkapnya berikut :
<script type="text/javascript">
let a, b, hasil;
a = 60;
b = 30;
hasil = a + b;
document.body.innerHTML +="Hasilnya = "+hasil;
</script>
Hasil tampilannya berikut:
Hasilnya = 90
Cara Lain
Menggunakan perintah console.log(" ");
Namun cara ini belum bisa dibaca oleh Blogger.
Kode selengkapnya berikut :
<script type="text/javascript">
let a, b, hasil;
a = 60;
b = 30;
hasil = a + b;
console.log(“Hasilnya = "+hasil);
</script>
Hasil tampilannya berikut:
Hasilnya = 90
