2016-04-10 5 views
0

Ich habe ein Problem mit meinem kleinen Projekt Ich lerne Javascript und ich machte Skript, das zu uns Quadrat der Zahl zählt, die Sie schreiben.JavaScript Button, die mich zu dokumentieren, bevor ich klicke

var checkIt = function(){ 
 
\t var theNumber = Number(prompt("Podaj liczbe", "")); 
 
if (!isNaN(theNumber)) { 
 
\t document.getElementById("test").innerHTML = ("Twoja liczba jest pierwiastkiem kwadratowym liczby "+ theNumber * theNumber); 
 
} else { 
 
\t document.getElementById("test").innerHTML = ("Hej to miała być liczba!<button class = 'btn btn-default'>Reset</button> "); 
 

 
} 
 
};
body { 
 

 
} 
 
nav ul li { 
 
\t display: inline; 
 
} 
 
nav ul li a { 
 
\t border: 5px solid green; 
 
\t color: black; 
 
\t background-color: white; 
 
\t font-size: 25px; 
 
\t margin-right: 10px; 
 
\t text-transform: uppercase; 
 
\t text-decoration: none; 
 
} 
 
li a:hover { 
 
\t background-color: green; 
 
\t color: white; 
 
\t text-decoration: none; 
 
}
<body> 
 
\t <nav> 
 
\t \t <ul> 
 
\t \t \t <li><a href="#">Start</a></li> 
 
\t \t \t <li><a href="#">Start</a></li> 
 
\t \t \t <li><a href="#">Start</a></li> 
 
\t \t </ul> 
 
\t </nav> 
 
\t <section class="container"> 
 
\t \t <p>Hello Wordl i'm learning JavaScript right now :)</p> 
 
\t \t <div id="test"> 
 
\t \t \t <button class="btn btn-primary" onclick="checkIt()">Sprawdź się :p</button> 
 
\t \t </div> 
 
\t </section>

Dies ist ein Code und jetzt habe ich eine Schaltfläche hinzufügen möchten, die uns nehmen zu platzieren, bevor wir Schaltfläche klicken, um einen Platz zu zählen. Ich hoffe, Sie verstehen mich

+0

Haben Sie, dass Sie auf eine Schaltfläche bedeuten Erstausbildung möchten, dass die Seite in die Position des Scoll Knopf, der die Quadratnummer bildet? – wezzy

+0

Nein, ich möchte Knopf, der das Ergebnis meines Skripts zurückgibt, bevor ich auf "Sprawdź się: p" klicke. Wenn ich darauf klicke, fordere ich auf, und ich muss eine Nummer schreiben und dann zeige ich ein Quadrat dieser Nummer und ich möchte eine Schaltfläche hinzufügen, die das zurücksetzt und mir eine andere Nummer schreiben lässt :) –

+0

Sie müssen nur die Seite neu laden. Überprüfen Sie meine Antwort unter @ BartekMikołajcuk –

Antwort

6

Sie müssen im Wesentlichen die Seite neu laden. dies hier versuchen,

<nav> 
    <ul> 
    <li><a href="#" onClick="document.location.reload(true)">Start</a></li> 
    </ul> 
</nav> 

EDIT

Mit dieser Funktion können Sie Ihre HTML zurücksetzen Zustand

var reset = function(){ 
document.getElementById("test").innerHTML = ('<div id="test"><button class="btn btn-primary" onclick="checkIt()">Sprawdź się :p</button></div>');  
} 


<nav> 
    <ul> 
    <li><a href="#" onClick="reset()">Start</a></li> 
    </ul> 
</nav> 
Verwandte Themen