Cara Memasukan String ke Dalam Element HTML dengan InnerHTML pada Javascript
Di panduan kali ini Sahabat akan belajar bagaimana Cara Memasukan String ke Pada Element HTML dengan InnerHTML di Javascript.
Bagi memanipulasi HTML tak lumayan dengan HTML dan CSS saja, kadang ada beberapa maslah yang tak dapat di selesaikan oleh HTML dan CSS. Karenanya dari seperti itulah dibutuhkan lagi sebuah javascript bagi memanipulasinya.
Di javascript bagi memasukan sebuah string ke pada suatu element membutuhkan guna InnerHTML. Contohnya kasusnya selaku berikut :
Saya mempunyai HTML seperti ini :
<input type=text id=nama>
<input type=submit value=cetak onclick=cetak()>
<br>
<h2><strong id=str></strong></h2>
Sekiranya saya click tombol cetak karenanya element <h2><strong> </strong></h2> akan berisikan string apapun yang saya inputkan di text box . Karenanya javascriptnya ialah selaku berikut :
<script type=text/javascript>
function cetak(){
var name = document.getElementById('nama').value;
document.getElementById('str').innerHTML =nama kamu ialah : + name;
}
</script>
Sekiranya dijalankan hasilnya akan seperti ini :
Jadi, apapun yang kalian inputkan di pada text box karenanya akan di tampilkan di pada tag <h2><strong> </strong></h2>.
Oke itu saja dari saya, semoga bermanfaat. hingga bertemu di artikel berikutnya.
Sumber https://kursuswebsite.org
