Mit JavaScript innerhtml einen Wert in einem Tag mit += addieren, funktioniert nicht?

Ich habe folgenden HTML Code...

<span id="300smartphoneQualiHaustiervideo">8</span>

In dem span-Tag befindet sich die Zahl 8. Nun möchte ich, dass die Zahl subtrahiert wird. document.getElementById("300smartphoneQualiHaustiervideo").innerHTML -= 4; Das Ergebnis ist nun 4, also hat es funktioniert. Später wird der span-Tag wieder addiert. document.getElementById("300smartphoneQualiHaustiervideo").innerHTML += 4; Was nun rauskommt ist aber nicht 8 sondern 44. Warum kann man subtrahieren aber nicht addieren. Wie kann ich das Problem lösen?

5 Antworten

Frage144

11.05.2019, 02:43

Weil das innerHTML ein String ist, deswegen heißt "+" concat, also "4" + 4 = "44" statt 4 + 4 = 8

Also musst du die innerHTML mit Number() konvertieren...

triopasi

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

05.03.2017, 12:01

Weil innerHTML ein string ist, und string + int = string + (string) int = string + string.

string - string gibt's nicht, also wird da dann int - int gemacht.

EvilMastermind

05.03.2017, 12:09

Lol ach stimmt Programmiersprachen in denen Variablen keine festen Datentypen haben sind echt verwirrend.

Pezcraft

05.03.2017, 12:15

OK, es funktioniert jetzt, ich hab einfach eine Variable angelegt, und innerhtml in die Number-Funktion gepackt. Bei parseInt hat mir meine Entwicklungsumgebung einen Fehler rausgeschmissen.

var test = Number(document.getElementById("300smartphoneQualiHaustiervideo").innerHTML);
test += qualiTMP*100;
document.getElementById("300smartphoneQualiHaustiervideo").innerHTML = test;

EvilMastermind

05.03.2017, 12:06

Kp warum es einmal geht und dann nicht aber das hat definitiv mit den Datentypen zu tun oder so, beim zweiten mal ist das wohl ein String und bei einem String werden beim addieren nunmal die Zeichen aneinandergekettet.

Du könntest den String in eine Number parsen wie das geht findest du am schnellsten nüber Suchmaschienen und so seiten wie Stackoverflow.

Kleiner Hinweis: Den Datentyp solltest du mit typeof rausfinden können.

Pezcraft

05.03.2017, 12:00

Sry, der HTML-Code wurde nicht im Klartext übernommen, er lautet

<span id="300smartphoneQualiHaustiervideo">8</span>

Ähnliche Fragen

javascript - innerHTML hinzufügen?

Hallo. folgender code:

var x = "hallo"; var y = "welt"; document.getElementById("demo").innerHTML = x; document.getElementById("demo").innerHTML = y;

wenn ein

die id demo hat, kommt da immer nur welt, weil hallo überschrieben wird.

kann man das einfach anhängen, ohne es zu überschreiben?? danke LG pixelino

...zur Frage

JavaScript - document.getElementById für Class?

var x = document.getElementById('x').innerHTML;

Wie funktioniert diese Funktion, wenn man eine Klasse ansprechen will?

...zur Frage

Zwei funktionen auf ein button packen?

Wie kann ich zwei funktionen auf einen Button packen? Also ich will das bei jedem click auf meinen button

1. immer plus 1 addiert wird: onclick="pluszahl()"

2. das ein Sound abgespielt wird: onclick="play()"

Leider konnte ich nur den counter machen und frage mich jetzt wie ich den sound auch aktivieren kann

HTML:

    <span class="center">Bam?</span>
    <div onclick="custom()" class="btn-container">
        <button onclick="pluszahl()"; twoclick="play()"    class="button1">
            Bam
        </button>
    </div>

    <div id="resultArea">0</div>

JavaScript:

function play() {
  var audio = new Audio('bam.mp3');
  audio.play();
}

function pluszahl() {
  document.getElementById("resultArea").innerHTML = parseInt(document.getElementById("resultArea").innerHTML)+1;
  }

...zur Frage

Wie rechnet ein Rechenwerk Befehle aus?

Das Rechenwerk eines PC CPU subtrahiert , addiert u.s.w Aber ein Rechenwerk ist doch dazu da , Befehle zu laden . Aber wie bitte kann man Befehle addieren oder subtrahieren?

...zur Frage

Javascript Rechnung mit Kommastellen?

Ich habe in JS eine Funktion, mit welcher ich meine Zeugnisnote berechnen kann, allerdings hätte ich es gerne so das z.B statt "3" eine "3,5" angegeben wird und nicht auf die nächste Zahl gerundet wird. Wie mache ich das?

function lkberechnung(){
    const at = parseInt(document.getElementById("lkallgemein").value)
    const kl1 = parseInt(document.getElementById("kl1").value)
    const kl2 = parseInt(document.getElementById("kl2").value)


    const lkergebnis = String(Math.round((kl1 +kl2 + at*2)/4));
    document.getElementById("lkergebnis").innerHTML =("Du hast " + lkergebnis + " Punkte auf dem Zeugnis");

...zur Frage

Gibt es eigentlich nur 3 Rechenarten?

Weil addieren und subtrahieren einander viel ähnlicher sind als multiplizieren und dividieren und man bei der subtraktion im grunde auch nur eine negative zahl addiert

...zur Frage

Binäres Subtrahieren; Wie genau funktioniert das irgendwie komme ich da nicht weiter?

Hallo,

ich lese mich gerade wieder ein wenig in Maschinenrechenweise ein.
Ich versuche gerade zu verstehen wie Binäres rechnen funktioniert.
Das Addieren habe ich glaube ich schon verstanden.
Beim Subtrahieren hakt es irgendwie gewaltig.
Da muss wohl von der zweiten Zahl also von der die subtrahiert werden soll von Zahl ein das Komplementär erstellt werden. Im weiteren noch eine 1 addiert werden und zum schluss die beiden zahlen addieren.
Nun komme ich aber in meinem Beispiel nciht wieter.

Schaut mal kur drüber und ergänzt mal was da nicht stimmt.

Dezimal:
100 - 25 = 75

Binär
1100100
- 011001

__________

Schritt 1.
Komplementär der zweiten Zahl bilden
011001 -> 100110

Schritt 2.
eine 1 addieren
100110 + 000001 = 100111

Schritt 3
Nun beide Zahlen addieren.
1100100
+ 100111
__________

10001011

Dies Binärzahl steht aber für 139 und nicht für 75 wie es eigentlcih der Fall sein sollte.

...zur Frage

Mit negativen zahlen schriftlich addieren, subtrahieren ?

Ich habe bald ein Mathe test und da kommen negative zahlen dran, unser lehrer hat gesagt dass wir auch Schriftlich rechnen müssen. Aber mein problem ist ich weis net wie man jetzt schriftlich subtrahiert, addiert mit verschiedenen rechen vorzeichen?

...zur Frage

Funktioniert ein Rechenwerk so?

Ein Rechenwerk eines CPU von einen PC arbeitet alle Befehle die er bekommt ab , indem er addiert , subtrahiert u.s.w. . Wenn er Befehle bekommt , den er addieren muss , rechnet er die zwei Zahlen die in den Befehl steht zusammen und wenn da z.B. 5 rauskommt mach das und das und wenn da 109 rauskommt dann mach das und das . Nicht bei jeden Befhl bekommt er zwei Zahlen vorgeschrieben , manchmal nimmt er eine Zahl von der letzten Rechnung. (Akkumulator) .

Ich bin erst 14 , also noch nicht so erfahren , aber ich interessiere mich für PC techniken :)

...zur Frage

Aus Div-Container Inhalt per JavaScript auslesen?

Hallöchen,

Ich hab einen Link, wenn ich da drauf klicke möchte ich dass dem div ein String hinzugefügt wird. Der Link wird folgender Masen erzeugt:

<a href="javascript:aktion()">Link</a>

weiter oben steht dann das javascript:

function aktion() { document.getElementById('abl').innerHTML = document.getElementById('abl').innerHTML + "\n" + "hinzugefügt";}

der Div sieht so aus:

Plan

</div>

wenn ich jetzt auf den Link klicke, steht in dem Div: undefined hinzugefügt

Woran liegt das?

LG Checker0408

...zur Frage

Html+Js Code funktioniert nicht?

Hallo, ich habe ein Problem mit meinem Code. Hier ist er:

<script>
document.getElementById(“Test gelungen”).innerHTML = test;
</script>

<p>Ist der <span id=“test”><span>

Angezeigt werden soll eigentlich: Ist der Test gelungen

Es wird aber nur “Ist der” angezeigt. Das Java Script ist eigentlich in einer seperaten Datei. Meine Frage: Was ist falsch?

Ich danke euch sehr für eure Antworten!

...zur Frage

Wie update ich den HTML Text?

Ich bin in der Programmier AG meiner Schule und soll es jetzt so machen, dass der Fehler Text sobald ich einen Fehler mache geupdated wird und die Anzahl der Fehler aktuell ist. Gerade aktualisiert es nur wenn ich etwas richtiges eingebe.

Der Code lautet wie folgt:

<html>
<head>
<meta charset="utf-8">
<title>Kopfrechnen-Quiz</title>
<script>
var richtigeAntwort;
var aktuelleNummer = 1;
var Anzahlfalsch = 0;
function wennGeladen() {
stelleAufgabe();
aktuelleNummer = 1;
//alert(Math.floor( Math.random() * 100 ));
Anzahlfalsch = 0;
}
function pruefeAntwort() {
event.preventDefault();
if (document.getElementById("antwort").value == richtigeAntwort) { 
alert("Richtig!");
aktuelleNummer++;
stelleAufgabe();
}
else {
alert ("Leider falsch. Bitte nochmal versuchen");
refresh ("falsch")
Anzahlfalsch++;
}
}
function stelleAufgabe() {
var zahl1 = Math.floor(Math.random()*100);
var zahl2 = Math.floor(Math.random()*100);
richtigeAntwort = zahl1 + zahl2;
document.getElementById("falsch").innerHTML = "Anzahl der Fehler: " + Anzahlfalsch;
document.getElementById("nummer").innerHTML = "Aufgabe Nummer: " + aktuelleNummer;
document.getElementById("aufgabe").innerHTML = zahl1 + "+" + zahl2 + ":";
}
</script>
</head>
<body onload="wennGeladen()">
<h1>Kopfrechnen-Quiz</h1>
<h2 id="nummer"></h2>
<h3 id="falsch"></h3>
Bitte berechne: <span id="aufgabe"></span>
<form onSubmit="pruefeAntwort()">
<input id="antwort">
</form>
</body>
</html>

es wäre nett, wenn mir jemand helfen könnte.

...zur Frage

HTML JavaScript Variable untereinander?

Ich habe eine Variable namens data wo mehrere Sachen drinnen sind. Diese will ich jetzt untereinander ausgeben siehe Quellcode:

document.getElementById('Ausgabe').innerHTML = data;

Sie werden aber nur nebeneinander ausgegeben ein Split hat auch nicht geholfen irgendwelche ideen? Ja es ist ein String nur leider hilft ein Split nicht da dieser sonst nur überschreibt

...zur Frage

warum Kann man Potenzen mit gleicher Basis nicht addieren oder subtrahieren indem man die Exponenten addiert bzw. subtrahiert.?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen