Salve a tutti, sono qui per chiedervi un chiarimento riguardo questo comando.
Il problema � apparentemente semplice ma poich� il mio codice non funziona credo che mi stia sfuggendo qualcosa. Quello che vorrei ottenere �: clicco qualcosa (div, button, img o altro) e spunta fuori qualcos'altro (testo img o altro), fin qui tutto ok, basta impostare l'AddEventListener. Ma se io volessi fare in modo che se io ricliccassi quel qualcosa (div, button, img o altro) tornassi alla situazione precedente?
vi inserisco dei codici che avevo buttato gi� (evidentemente sbagliando qualcosa):
Ho semplicemente un riquadro. L'intenzione � quella di cliccare e quindi l' 'aspetta' si trasforma in 'hai cliccato'. Se io clicco di nuovo voglio che si ritorni a visualizzare l' 'aspetta'.codice HTML:<body> <div id="quadro" onclick="scritta()" style="width:100%; height: 100px; border: 2px solid red;" ><center><h2>clicca nella casella rossa</h2></center></div> <center><h1>aspetta</h1></center> <script src="app.js"></script></body>
quindi il codice js
codice:let quadro=document.getElementById('quadro'); let h1= document.querySelector('h1'); quadro.addEventListener("click", scritta); function scritta() { if (h1.textContent="aspetta") { h1.textContent="hai cliccato"; } else if ( h1.textContent="hai cliccato") { h1.textContent="aspetta"; } }
questo problema mi � sorto nel momento in cui ho deciso di formattare un modello di men� a tendina per sito web (visualizzazione per mobile): il men� si apriva ma poi non si richiudeva, pertanto ho deciso di creare un esempio che potesse essere spiegato pi� facilmente possibile su un forum.
grazie in anticipo delle risposte!
Rispondi quotando
