Kenapa kode ini ga jalan?

ane kurang paham sih gan cuma kalo ane liat itu agan didalem getElement kenapa TBLnya pake titik"" kan pake titik 1yak ?

fungsi apa gan yg ga jalan? mungkin karna backgroundnya itu typo "backgrounColor" kurang "d".

<div id="tbl">Klik ini</div>
<br>
<p id="teks">Sekolah Koding</p>

<script type="text/javascript">
    var tbl = document.getElementById("tbl");
    var teks = {
        hilang: false,
        klik: function(){
            this.hilang = true;
            return this.hilang;
        }
    }
    tbl.addEventListener("click",function(){
        var hilang = teks.klik();
        if(hilang == true){
            document.getElementById("teks").style.backgroundColor="salmon";
            console.log(teks.hilang);
        }
    });

</script>

Semangat Gan... \(^_^)... Your soul is Programmer broo ..Good Luck

Sama aj gan ketika di klik teks.hilang tetep false, pdhal klo d klik ane pngennya jd true

Udah bener itu gan...tak coba work kog.. sblm klik buka developer tools > console awal false... setelah diklik jadi true....

kalau agan taruh console.log() nya diluar fungsi event click.. ya jelas false.. walaupun kode console.log() nya ditaruh dibawah tetap dia akan dieksekusi dulu ..ni ane contohin:

<div id="tbl">Klik ini</div>
<br>
<p id="teks">Sekolah Koding</p>

<script type="text/javascript">

    var tbl = document.getElementById("tbl");
    var teks = {
        hilang: false,
        klik: function(){
            this.hilang = true;
            return this.hilang;
        }
    }

    console.log(teks.hilang);
    alert(teks.hilang);

    tbl.addEventListener("click",function(){
        hilang = teks.klik();
        if(hilang == true){
            document.getElementById("teks").style.backgroundColor="salmon";
            console.log(teks.hilang);
            alert(teks.hilang);
        }
    });

    console.log('saya dibawah tapi diekseskusi dulu');
    console.log('saya juga');
    console.log('iya nih pantes dari td error mulu hehe');

</script>

Itu Penampakkannya...

Gitu gan hehe (^_^)

@ciloxz oh iya gan ane ngga kasih return this.hilang dan kondisinya taro di luar jd ngga jalan.

thanks gan, oh iya apakah bener tujuan kita membuat objek d javascript untuk melakukan hal seperti di atas?

hmm.. boleh2 aja dibuat kayk gitu .. tapi kalau ada cara yg lebih simple knp tidak..lsg contoh spt ini :

tbl.addEventListener("click",function(){
   document.getElementById("teks").style.backgroundColor="salmon";
});

kan udah bisa.. ndk usah dipersulit..

agan nanti kalau udah belajar JSON (JavaScript Object Notation) akan lebih digunakan dan emg disitu penerapannya..kurang lebih simple nya seperti itu... lihat disini https://www.w3schools.com/js/js_json_intro.asp

insting why & how adalah ciri programmer sejati... agan insya Alloh udah punya bibit itu..tinggal diasah lagi.. Good Luck.. :D

@ciloxz emng bnyak cara yg lebih simpel tapi saya pngen nyoba bikin objek dan ngelibatin objek itu dalam event gan, soalnya masih bingung gan kita bikin objek seperti itu di dalam website di gunakan untuk apa sih objek tersebut?

apa saya harus belajar JSON dulu baru paham objek itu berguna untuk apa

ndk gitu... malah harus tau javascript object baru ke json..tapi beda aturan antara js object dengan JSON.. dibaca coba di link yg saya kirim tadi.. cuma kalau agan udah belajar js object .. nanti kalau ketemu json.. ngk "KAGOK" hehe.. gitu loo..dan mudah menyesuaikan..

kalau ngomongin masalah penerapan bisa juga pake cara agan tadi..kan saya bilang BOLEH2 aja..malah lebih bagus dan flexible... tapi kan menyita waktu lama kalau belum pro.. tapi ya kembali ke agan lagi..semuanya....

UDAH TAU JS FRAMEWORK ?? VUE.JS..ANGULAR.JS .. REACT.JS... DKK...itu penerapanya.

analogi sederhana : kalau agan belajar PHP ada versi prosedural, pdo , oop, mvc, framework nah kayak gitu nah bedanya..

pemahaman saya kurang lebih begitu... mungkin masih belum sempurna hehe..masih terus belajar..

ok gan thank atas pencerahannya... :D

welcome back... :D

OH iya gan maaf tnya satu lagi, lebih baik belajar JSON dulu atau framework dlu ya?

PHP dulu dipahami hahaha....nanti nemu AJAX nanti ketemu JSON ...Framework JS nanti dulu..

tapi kalau agan cenderung .. FRONT END DEV ... framework boleh didahulukan.. kan ada udah ada tracknya disini..

ane fokus di frontend gan