4 Cara Mudah Menampilkan Output pada JavaScript
Salah satu dasar terpenting dalam mempelajari bahasa pemrograman adalah memahami bagaimana cara program berkomunikasi dengan pengguna, dan dalam konteks pengembangan web, hal ini berarti Menampilkan Output pada JavaScript. Secara umum, ada beberapa metode yang dapat digunakan untuk menampilkan hasil eksekusi kode Anda, mulai dari yang paling sederhana seperti menggunakan console.log() untuk debugging di konsol browser, hingga yang paling sering digunakan oleh pengguna yaitu memanipulasi elemen HTML secara langsung melalui document.getElementById().innerHTML atau menggunakan fungsi alert() yang akan menampilkan kotak dialog.
Menguasai berbagai cara Menampilkan Output pada JavaScript ini sangat krusial agar script yang Anda buat dapat memberikan umpan balik dan berinteraksi secara efektif dengan pengunjung website.
Menggunakan console.log()
console.log(“Hello, world!”); {codeBox}
console.log(123);Â {codeBox}
const image = document.getElementById(“image”);console.log(image); {codeBox}
Menggunakan alert()
alert(“Hello, world!”);Â {codeBox}
alert(123);Â {codeBox}
const image = document.getElementById(“image”);alert(image);Â {codeBox}
Menggunakan document.write()
document.write(“Hello, world!”);Â {codeBox}
document.write(123);Â {codeBox}
const image = document.getElementById(“image”);document.write(image);Â {codeBox}
Menggunakan HTML element
const element = document.getElementById(“element”);element.innerHTML = “Hello, world!”;Â {codeBox}
const element = document.getElementById(“element”);element.innerHTML = 123;Â {codeBox}
const element = document.getElementById(“element”);const image = document.createElement(“img”);image.src = “image.png”;image.alt = “Image”;element.innerHTML = image;Â {codeBox}
