Problema button onclick javascript

**Juanprimo** · 31-08-2016, 18:07

Ciao ragazzi...ho un problema con questo rompicapo:

"Passando sul titolo il colore diventa rosso, uscendo torna nero. Cliccando in un qualsiasi punto della pagina il testo dell'elemento su cui si è cliccato appare in fondo alla pagina ripetuto 100 volte. Infine cliccando sul bottone appare, in fondo alla pagina, il testo inserito nella prima casella di testo, ripetuto un numero di volte pari al valore inserito nella seconda casella di testo."

Mi manca solo la parte finale da risolvere...quella dell'onclick del bottone, il resto funziona

http://www.ar10.eu/test/javascript.html

---------------

codice:

<html>
<head>
<script type="text/javascript">
function testo() {
var i;
for (i=0;i<100;i++) {
document.getElementById("fondo").innerHTML+=event.target.innerHTML;
}
}
function testo2() {
var nome= document.getElementByI("nome").value;
var num=document.getElementById("numero").value;
while (i=num) {
document.getElementById("fondo").innerHTML += nome;
}
}


</script>
</head>
<body onclick="testo()">
<h1 onmouseover="this.style.color='red';" onmouseout="this.style.color='black';">
Titolo</h1>
<h2>Sottotitolo</h2>
<form>
<input type="text" id="nome">
<input type="text" id="numero">
<input type="button" value="Clicca" onclick="testo2()">
</form>
<p id="fondo"></p>
</body>
</html>

**ciro78** · 31-08-2016, 21:01

ciao,
per il codice devi usare il tag code

**Juanprimo** · 01-09-2016, 09:16

ciao Ciro...scusa non capisco, nel senso che va inserito solo <code>?...ma il resto è giusto?

Grazie
Juan

**pietro09** · 01-09-2016, 09:32

prova così

codice:

<html>
<head>
    <title></title>

    <script type="text/javascript">
        function testo(e)
        {
            if(!e) var e = window.event;
            var target = (e.target)?e.target:e.srcElement;

            for (var i = 0; i < 10; i++)
            {
                document.getElementById("fondo").innerHTML += target.innerHTML + "***<br>";
            }
        }
        
        function testo2(e)
        {
            var nome = document.getElementById("nome").value;
            var num = parseInt(document.getElementById("numero").value);
            
            var i = 0;
            while (i++ < num)
            {
                document.getElementById("fondo").innerHTML += nome + "<br>";
                
            }

            if(!e) var e = window.event;

            if(e.stopPropagation) 
                e.stopPropagation();
            else
                e.cancelBubble = true;

        }


    </script>
</head>
<body onclick="testo(event)">
    <h1 onmouseover="this.style.color='red';" onmouseout="this.style.color='black';">Titolo</h1>
    <h2>Sottotitolo</h2>
    <form>
        <input type="text" id="nome" value="testo">
        <input type="text" id="numero" value="3">
        <input type="button" value="Clicca" onclick="testo2(event)">
    </form>
    <p id="fondo"></p>
</body>
</html>

**ciro78** · 01-09-2016, 12:02

Originariamente inviata da Juanprimo

ciao Ciro...scusa non capisco, nel senso che va inserito solo <code>?...ma il resto è giusto?

Grazie
Juan

vuol dire che quando posti codice sul forum devi inseritlo nei seguenti tag

[ code ] tuo codice [ /code ]

o in caso di php

[ php ] tuo codice [ /php ]

i tag vanno messi senza spazio. li ho messi in questo modo altrimenti non li vedevi. ad ogni modo trovi tutto nel regolamento del forum che trovi nelle discussioni in rilievo.

**Juanprimo** · 02-09-2016, 09:33

grazie di tutto Ciro!
Juan

Discussione: Problema button onclick javascript

Strumenti discussione

Ricerca discussione

Visualizza

Problema button onclick javascript

Permessi di invio