Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Pemrograman Javascript (Pertemuan 2)

Pemrograman Javascript (Pertemuan 2)

Berisi materi Komentar dan Operator javascript untuk mata kuliah pemrograman javascript

rizki mufrizal

September 25, 2023
Tweet

More Decks by rizki mufrizal

Other Decks in Programming

Transcript

  1. Komentar Pada Javascript Komentar adalah kode program yang tidak akan

    dieksekusi Komentar biasanya digunakan sebagai informasi tambahan atau petunjuk
  2. Membuat Komentar <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Belajar</title> </head> <body> <script> // ini adalah komentar single line /* ini contoh penggunaan komentar dengan multi line */ console.log("hello world"); </script> </body> </html>
  3. Menggunakan Operator Aritmatika <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

    /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Belajar</title> </head> <body> <script> let result = 1 + 1; document.writeln("<p> 1 + 1 = " + result + "</p>"); result = 5 - 2; document.writeln("<p> 5 - 2 = " + result + "</p>"); result = 5 * 5; document.writeln("<p> 5 * 5 = " + result + "</p>"); result = 10 / 2; document.writeln("<p> 10 / 2 = " + result + "</p>"); result = 5 - 2; document.writeln("<p> 5 - 2 = " + result + "</p>"); </script> </body> </html>
  4. Operator Augmented Assignments Operator Matematika Operator Augmented Assignments result =

    result + 10 result += 10 result = result - 10 result -= 10 result = result * 10 result *= 10 result = result / 10 result /= 10 result = result % 10 result %= 10
  5. Menggunakan Operator Augmented Assignments <!DOCTYPE html> <html lang="en"> <head> <meta

    charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Belajar</title> </head> <body> <script> let result = 10; result += 10; document.writeln("<p> result = " + result + "</p>"); result -= 10; document.writeln("<p> result = " + result + "</p>"); result *= 10; document.writeln("<p> result = " + result + "</p>"); result /= 10; document.writeln("<p> result = " + result + "</p>"); result %= 10; document.writeln("<p> result = " + result + "</p>"); </script> </body> </html>
  6. Operator Unary Operator Keterangan + Menandakan nilai positif - Menandakan

    nilai negatif ++ Increment, menaikkan 1 angka -- Decrement, menurunkan 1 angka
  7. Menggunakan Operator Unary <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

    /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Belajar</title> </head> <body> <script> let result = +10; result++; document.writeln("<p> result = " + result + "</p>"); result--; document.writeln("<p> result = " + result + "</p>"); result = -10; document.writeln("<p> result = " + result + "</p>"); </script> </body> </html>
  8. Operasi Perbandingan Operasi perbandingan adalah operasi untuk membandingkan dua buah

    data Operasi perbandingan adalah operasi yang menghasilkan nilai boolean (benar atau salah) Jika hasil operasinya adalah benar, maka nilainya adalah true Jika hasil operasinya adalah salah, maka nilainya adalah false
  9. Operator Perbandingan Operator Keterangan > Lebih Dari < Kurang Dari

    >= Lebih Dari Sama Dengan <= Kurang Dari Sama Dengan === Sama Dengan dan Sama Tipe !== Tidak Sama Dengan atau Tidak Sama Tipe
  10. Menggunakan Operator Perbandingan <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

    /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Belajar</title> </head> <body> <script> let result = 10; result = 10 < 5; document.writeln("<p> result = " + result + "</p>"); result = 10 > 5; document.writeln("<p> result = " + result + "</p>"); result = 5 === 5; document.writeln("<p> result = " + result + "</p>"); result = 5 !== 5; document.writeln("<p> result = " + result + "</p>"); </script> </body> </html>
  11. Operasi Logika Operator logika adalah operator untuk dua buah data

    boolean Hasil dari operator logika adalah boolean
  12. Operator && Nilai 1 Operator Nilai 2 Hasil true &&

    true true true && false false false && true false false && false false
  13. Operator || Nilai 1 Operator Nilai 2 Hasil true ||

    true true true || false true false || true true false || false false
  14. Menggunakan Operator Logika <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

    /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Belajar</title> </head> <body> <script> let nilai = 70; let result = nilai > 60; document.writeln("<p> lulus = " + result + "</p>"); </script> </body> </html>