cara memunculkan gambar dan tulisan 7000 dengan var

mohon bantuan para ahli saya masih baru pertama kali belajar java script

<!DOCTYPE html>
<html>
<head>
 <title>Belajar java script</title>
 <script> src+"main.js"></script>
 <style>
 #wrap{
     background: yellow;
     color:aqua;
     font-size: 32px
 }

 </style>
 </head>
 <body>

     <img src="muslim_american_prayer_ap_img.jpg" alt="">
     <div id="wrap"></div>

     <script>
     /*
     1.memilih id wta
     2.metode inner HTML = nulis konten
     */
    //Deklarasi Variable
    var s = 6000;
    var t = 7000;
     document.getElementByid("wrap").innerHTML = t ;
     </script>
 </body>
 </html>

avatar virgiawanBP
@virgiawanBP

3 Kontribusi 0 Poin

Diperbarui 6 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

untuk line :

<script> src+"main.js"></script>

mungkin maksudnya untuk memanggil file main.js ya ? jika iya maka :

<script src="main.js"></script>

untuk menampilkan tulisannya, methodnya dibuatkan dulu sebuah fungsi dengan nama bebas, disini nama fungsinya adalah "show()" :

function show() {
    document.getElementById("wrap").innerHTML = t ;
}

dan dipanggil pada tag body dengan "onload" :

<body onload="show()">

lengkapnya jadi seperti ini :

<!DOCTYPE html>
<html>
    <head>
        <title>
            Belajar java script
        </title>

        <script src="main.js"></script>

        <style>
            #wrap{
                background: yellow;
                color:aqua;
                font-size: 32px
            }
        </style>
    </head>

    <body onload="show()">
    <!-- "onload" untuk memanggil fungsi -->

        <img src="muslim_american_prayer_ap_img.jpg" alt="">
        <div id="wrap"></div>

        <script type="text/javascript">
         /*
         1.memilih id wta
         2.metode inner HTML = nulis konten
         */
        //Deklarasi Variable
        var s = 6000;
        var t = 7000;

        // deklarasi fungsi
        function show() {
            document.getElementById("wrap").innerHTML = t ;
        }
        </script>
    </body>
</html>

CMIIW

avatar lukmanfreedom
@lukmanfreedom

121 Kontribusi 55 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban