Ciao a tutti!
Sono nuovissimo nel forum, e nei forum in generale, quindi perdonatemi se ho spagliato a postare qui il mio quesito!
Da poco sono alle prese con js e ho un esercizio che mi sta facendo impazzire.
Spero che qui qualcuno riesca ad illuminarmi.
Il testo è il seguente:
"Si sfrutti js per ottenere una pagina html avente un titolo, sottotitolo e un paragrafo contenente 100 elementi di tipo [i] con i primi 100 numeri interi.
Cliccando in un punto qualsiasi della pagina l'elemento su cui si è cliccato deve diventare rosso se era nero (colore di default) e tornare nero se era rosso (ovvero se si è già cliccato). Passando sul titolo il testo del medesimo deve diventare "Sei passato".
Infine, cliccando sul sottotitolo deve apparire, in fondo alla pagina, il testo dell'elemento su cui si era cliccato prima; ovvero se clicco su un elemento (ad esempio uno degli [i]) che contiente il testo "3" e poi clicco sul sottotitolo, in fondo alla pagina deve apparire il valore "3"."
il codice che ho scritto sin'ora è:
<html>
<head>
<script type="text/javascript">
function StampaN()
{
var i=1;
while (i<=100)
{
document.write(i);
document.write("
");
i++;
}
}
function scriviCalce(id)
{
document.getElementById('par2').innerHTML = document.getElementById.target.innerHTML;
}
function CambiaTit()
{
document.getElementById("tit").innerHTML = "Sei passato!";
}
</script>
</head>
<body onClick="event.target.style.color='red'" onMouseout="event.target.style.color='black'">
<script type="text/javascript">
document.write("<h1 id='tit' onMouseOver='CambiaTit()'>Titolo</h1>");
document.write("<h2 id='subt' onClick='scriviCalce(e)'>Sottotitolo</h2>");
document.write("<p id='par1'>"+StampaN()+"</p>");
document.write("<p id='par2'></p>");
</script>
</body>
</html>
I problemi che riscontro sono:
1) nel
con i valori [i], dopo il numero 100 scrive "undefined";
2) non considera gli [i] come singoli, ma come un unico blocco (ad es. al passaggio del mouse diventano rossi tutti insieme e non uno per volta);
3) Il terzo punto non mi riesce proprio... ho scopiazzato qua e là ma non funziona!
è tutto!
Scusate la prolissità!
Ciao!
Rispondi quotando
