Codice javascript non funzionante

di
giannino1995
il
1 risposte
G
giannino1995
Utente Attivo
Iscritto da
dic, 2013
Messaggi:
479

Codice javascript non funzionante

Perché questo codice non funziona? ... e soprattutto cosa dovrebbe fare?!?! Non vedo cambiare nulla nè in console e nè nel document.
CODICE NUMERO 1 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Esercizi di Javascript</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="jquery-2.1.3.min.js"></script>
        <script src="qunit-1.17.1.js"></script>
    </head>
    <body>
        <?php
        // codice php eventuale
        ?>
        <p>In questa pagina vengono riportati gli esempi descritti sul testo di Eric Elliot</p>
        <button id="lightswitch">Clicca per vedere cosa accade.</button>
        <script type="text/javascript">
            var lightbulb = {
                toggle: function toggle() {
                    this.isOn = !this.isOn;
                    return this.isOn;
                },
                isOn: false
            },
            toggle = lightbulb.toggle.bind(lightbulb),
            lightswitch = document.getElementById('lightswitch');
            lightswitch.addEventListener('click', lightbulb.toggle, false);
        </script> 
    </body>
</html>
sul libro c'è scritto questo codice: 
var lightbulb = {
toggle: function toggle() {
this.isOn = !this.isOn;
return this.isOn;
},
isOn: false
},
toggle = lightbulb.toggle,
lightswitch = document.getElementById('lightswitch');
lightswitch = document.getElementById('lightswitch');
lightswitch.addEventListener('click',
lightbulb.toggle, false);
e poi si dice che affincé lo script funzioni bisogna editarlo in questo modo: 
toggle = lightbulb.toggle.bind(lightbulb);
il codice numero 1 è stato scritto da me.

1 Risposte

  • G
    giannino1995
    Utente Attivo
    Iscritto da
    dic, 2013
    Messaggi:
    479

    Re: Codice javascript non funzionante

    Ho risolto in questo modo:
    <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Esercizi di Javascript</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="jquery-2.1.3.min.js"></script>
        <script src="qunit-1.17.1.js"></script>
    </head>
    <body>
        <?php
        // codice php eventuale
        ?>
        <p>In questa pagina vengono riportati gli esempi descritti sul testo di Eric Elliot</p>
        <button id="lightswitch">Clicca per vedere cosa accade.</button>
        <br><br>
        <button id="pulsante">SALUTA</button>
        <script type="text/javascript">
            var lightbulb = {
                toggle: function toggle() {
                    this.isOn = !this.isOn;
                    return console.log(this.isOn);
                },
                isOn: false
            };
            var toggle = lightbulb.toggle.bind(lightbulb);
            lightswitch = document.getElementById('lightswitch');
            lightswitch.addEventListener('click', lightbulb.toggle, true);
        </script>
    </body>
</html>
    però secondo voi perché il mio libro non scrive mai nulla nella console o nel documento, come si fa a capire se uno script funziona o non funziona?

    Ci sto pensando da giorni ma sono davvero sconfortato... non ho la più pallida idea... per caso c'è qualche altro strumento del browser per valutare l'andamento della funzione senza questo console.log()?!?!?!

    Strano poi che su un forum autorevole come questo nessuno riesca ad illuminarmi... mah...
Devi accedere o registrarti per scrivere nel forum
1 risposte