Javascript Inkrement-Wert in HTML

Ich bin komplett neu in JavaScript. Ich versuche Inkrementieren einer variable im HTML-Code, es funktioniert nicht. Ist meine syntax falsch?

<script>
function rps() {
computerScore.value++;
computerScore.innerHTML = computerScore.value;
}
 </script>   
<html>
<b>computer score:</b><p id="computerScore" value="0">-</p>
<button type="button" onclick="rps()">Go</button><br>
</html>

Versuchen Sie nicht, um Zugriff auf DOM-Elemente, die als Globale Variablen, es gibt eine getElementById - Funktion.
Selbst wenn man sich für eine JS-Lösung, es ist erwähnenswert, dass können Sie Griff-Schalter mit reinem CSS!

InformationsquelleAutor pashaPear | 2013-03-07

increment javascript

value ist kein gültiges Attribut für die <p> tag.

Ich denke, Sie wollen so etwas wie:

function rps() {
    var computerScore = document.getElementById('computerScore');
    var number = computerScore.innerHTML;
    number++;
    computerScore.innerHTML = number;
}

...

<b>computer score:</b><p id="computerScore">0</p>

Tatsächlich ist eine Zeichenfolge, bis das ++ also vielleicht number = +computerscore.innerHTML ist richtiger

InformationsquelleAutor Adam Plocher

Einige Probleme :

auf die meisten Browser, die Sie nicht bekommen kann eine element-id nur als eine Globale Eigenschaft
ein Attribut ist nicht immer eine Eigenschaft eines Elements (der Wert ist nur eine Eigenschaft von Eingabe-Elemente)

Können Sie dies tun :

function rps() {
   //fetch the element :
   var element = document.getElementById('computerScore'); 

   //get the attribute, parse it and increment it :
   value = parseInt(element.getAttribute('value'), 10)+1; 

   //stores the incremented value :
   element.setAttribute('value', value);

   //and change the innerHTML (conversion to string is implicit)
   element.innerHTML = value;
}

Natürlich können Sie die Schrittweite numerische Zeichenfolgen, versuchen Sie es!

InformationsquelleAutor Denys Séguret

0

Ein paar Fragen:
1. computerScore ist nichts; willst du wahrscheinlich document.getElementById('computerScore')
2. value auf eine <p> ist nicht gültig. Verwenden data-value oder etwas statt (oder
```
var computerScore = document.getElementById('computerScore');
function rps() {
    computerScore.dataset.value++;
    computerScore.innerHTML = computerScore.dataset.value;
}
```
Beachten Sie, dass dataset.value ist ein string, aber der ++ zwingt es in eine Ganzzahl.

http://jsfiddle.net/vqPKZ/

Ich würde auch vorschlagen, mit Hilfe von event-Bindungen eher als event-Attribute, z.B. button.addEventLister

Die getElementById sollte aufgerufen werden, nachdem DOMready, d.h. im rps
Was ist ein dataset?
href="http://www.w3.org/TR/2011/WD-html5-20110525/elements.html#embedding-custom-non-visible-data-with-the-data-attributes" >w3.org/TR/2011/WD-html5-20110525/...
Okeeeeeeeeeeeeee
dataset ist nicht alten IE-konform, sollte getAttribute

InformationsquelleAutor Explosion Pills

The best option will be to pass in an event object from the rps() method in the HtML,       like this: rps(event).
Then retrieve it from the Javascript method like this:
function rps(event) {
var computerScore = event.CurrentTarget.innerText;
computerScore++;
computerScore = number;
}

du bist der Inkrementierung eine innerText-Wert, ohne zu sehen, ob es eine tatsächliche Zahl?
Ich glaube nicht, dass der DOM unterscheiden können, BTW die zahlen-und string.

InformationsquelleAutor Misterwyz

-3

var elm = whatever //assuming you select your element using the DOM
//update value
elm.innerHTML = +elm.innerHTML + 1;

InformationsquelleAutor vsync

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.