Visualizzazione dei risultati da 1 a 2 su 2

Discussione: Esercizietto ostico

  1. #1

    Esercizietto ostico

    Ciao a tutti, sono nuovo, volevo chiedervi delle delucidazioni in merito a un esercizio che ho fatto e non ne vengo a capo essendo poco esperto. Spero mi possiate dare una mano voi..Dunque il testo è il seguente:

    Si ottenga grazie a javascript una pagina html avente un titolo seguito da un paragrafo contenente 100 elementi di tipo [i] contenenti i primi 100 numeri interi.
    Cliccando su 1 qualsiasi di questi, l'elemento su cui si è cliccato deve cambiare colore del proprio sfondo da bianco a rosso e viceversa.
    Cliccando sul titolo deve apparire, in un apposito spazio sotto il titolo il numero che compariva all'interno dell'ultimo elemento [i] cliccato.

    <html>
    <head>
    <script>

    document.getElementById("1").innerHTMl=prova;

    </script>
    </head>

    <body>
    <script>

    document.write("<center><h1>Titolo</h1>
    <p id='num'></center>");
    for(i=1;i<101;i++){
    document.write("<p id="+i+" onclick='elementi(this);'>"+"<"+i +">");
    }

    </script>
    </body>

    </html>


    Mi sono incasinato perchè non so come considerare gli elementi [i], oggetti, numeri? Sono all'interno poi di un solo paragrafo...se sono oggetti, non posso usare event.target in modo da farli diventare rossi!
    Se c'è qualcuno in gradi di aiutarmi anche per la seconda parte del casino gli sarei molto grato!!!

  2. #2

    Re: Esercizietto ostico

    Originariamente inviato da whiskyjar
    100 elementi di tipo [i]
    sei sicuro che non intenda 1 2 ecc?

    ad ogni modo io l'ho interpretata così

    ho usato un trucchetto

    codice:
    <html>
    <head>
    </head>
    <body>
    <script>
    function cambia_colore(val){
    	document.getElementById('valore').style.visibility='hidden';
    	colore=document.getElementById(val).style.backgroundColor;
    	if (colore=='red'){
    		 colore='white';
    		 }else{
    			colore='red';}
    	document.getElementById(val).style.backgroundColor=colore;
    	document.getElementById('valore').innerHTML=val;
    	}
    	
    function visualizza(){
    	document.getElementById('valore').style.visibility='visible';
    	}
    	
    document.write("<center><h1 onclick='visualizza()'>Titolo</h1></center>");
    document.write("
    
    <center><span id='valore' style='visibility:hidden'></span></center></p>");
    for(i=1;i<101;i++){
    document.write("<p onclick='cambia_colore("+i+")'><span id="+i+" style='background-color:white'>"+i+"</span></p>");
    }
    
    </script>
    </body>
    </html>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.