Zahlensumme bei JavaScript berechnen?

Servus,

Ich sitze mittlerweile seit einiger Zeit bei der wöchentlichen SEW Aufgabe, dabei müssen wir einen GUI Rechner programmieren. Darunter ist auch eine function für die Zahlensumme zu programmieren, jedoch weiß ich nicht, wie man das programmieren kann.

Eingabe folgt per <input> im HTML, Ich habe dem input die Konstante "input" gegeben.

Ich hoffe, dass mir hier geholfen wird, da ich den Rest bereits programmiert habe und mir nur die function für die Zahlensumme fehlt.
Danke im Voraus!

3 Antworten

MrAmazing2

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, programmieren, JavaScript

02.06.2021, 19:13

Zwei Möglichkeiten:

Geh deinen String zeichen für Zeichen durch, wandle jedes Zeichen in eine Zahl um, und bilde die Summe über die Zahlen
Wandle deinen String in eine Zahl um. Dann teile die Zahl solange durch 10, bis sie 0 ist. Du schneidest also immer die hinterste Stelle weg (durch 10 teilen = Komma nach links verschieben). Diese hinterste Stelle ermittelst du jedes mal bevor du sie wegschneidest mit Modulo 10 ( also zahl%10) und addierst sie zur Summe.

Code für Methode 1:

numberInput = "123";
sum = [...numberInput].reduce((a,b) => Number(a)+Number(b))

Code für Methode 2:

numberInput = "123";
number = Number(numberInput)

sum = 0;
while (number/10 > 0) {
   sum = sum + number%10; // Hinterste Stelle zur Summe addieren
   number = Math.floor(number / 10); // Hinterste Stelle wegschneiden
}

Woher ich das weiß:Hobby – Programmieren ist mein Hobby & Beruf

Fabijun20

Fragesteller

02.06.2021, 19:21

Sorry, kleiner Rechtschreibfehler von mir.... Meinte eigentlich die Quersumme :D
Also z.B. von 12 = 3

MrAmazing2

02.06.2021, 19:23

@Fabijun20

Achsooo, hab mich schon gewundert :D

Zwei Möglichkeiten:

Geh den String zeichen für Zeichen durch und wandle das jeweilige Zeichen in eine Zahl um. Bilde von den Zahlen die Summe.
Nimm die Zahl, mach Modulo 10, addiere das Ergebnis zur Summe, und teile dann die Zahl durch 10. Und das solange, bis /10 Null ergibt.

MrAmazing2

02.06.2021, 19:38

@Fabijun20

Hab meine Antwort editiert, mit Codebeispiel.

Bojo288

19.05.2022, 10:18

Hey, habe heute auch so eine ähnliche Aufgabe bekommen.

Meine Lösung (die auch funktioniert) lautet so:

btnZahl.onclick = function (){

let checkOk = true;

msgInNumber1.innerText = '';

if(isNumber(inNumber1.value) == false) {

msgInNumber1.innerText = 'Eingabe ist keine Zahl';

checkOk = false;

return

}

let counter = 0;

let Sum = 0;

while(counter < inNumber1.value){

counter = counter +1;

Sum = Sum + counter;

}

output1.innerHTML= 'Zahlensumme: '+Sum

}

Hoffe das Hilft dir :)

Woher ich das weiß:Studium / Ausbildung

1JaWi

02.06.2021, 19:14

Hallo um in JavaScript zu addieren musst du nur -/+ eingeben Beispiel:

const input = YOURINPUT BSP:(10 + 30)
output ist dann: 40

oder

const input1 = "20"
const input2 = "10"


const calc = input1 + input2

Woher ich das weiß:Hobby

MrAmazing2

02.06.2021, 19:15

Bei deinem letzten Beispiel kommt 2010 raus :D

1JaWi

02.06.2021, 19:16

@MrAmazing2

Nein?

MrAmazing2

02.06.2021, 19:18

@1JaWi

Doch.

1JaWi

02.06.2021, 19:20

@MrAmazing2

Bei welchem? Es macht keinen Sinn

MrAmazing2

02.06.2021, 19:21

@1JaWi

Wenn ein + dasteht, und mind. eine der beiden Variablen ein String ist, dann wird das Plus als String Concatenation interpretiert. Und dann werden einfach beide Variablen zu einem neuen String zusammengefügt.

const input1 = "20"
const input2 = "10"
const calc = input1 + input2

Da kommt 2010 raus. "20" und "10" ist zusammenfgefügt "2010".

Was man hier machen müsste damit es funktioniert:

const calc = Number(input1) + Number(input2)

1JaWi

02.06.2021, 19:22

@MrAmazing2

Stimmt... Denkfehler

Fabijun20

Fragesteller

02.06.2021, 19:23

@MrAmazing2

Müsste man input1 und input2 unter Number() setzen, damit 30 rauskommt?

regex9

02.06.2021, 19:27

@Fabijun20

Entweder die Anführungszeichen weglassen (wenn man sich konkret auf obiges Beispiel bezieht) oder einen Typecast vornehmen (mit parseInt oder Number). Der folgende Snippet zeigt zu letzter Variante beide Möglichkeiten:

let a = "1";
let b = "2";
let sum = Number(a) + parseInt(b);

MrAmazing2

02.06.2021, 19:39

@Fabijun20

So wie ich's gemacht hab müsste man es machen.

const calc = Number(input1) + Number(input2)

Anstatt Number() geht natürlich auch parseInt().

(Ja, man muss beide Variablen zu einer Nummer umwandeln)

hallo!
button erstellen:

bsp: onclick="alert ('hallo')"

frage: was ist der Unterschied zwischen alert und function? Function muss ich zwar noch definieren aber Ich kann doch mit beiden festlegen, was durch den Klick passieren soll oder?

danke im Voraus

...zur Frage

JavaScript: trigger() wird nicht ausgelöst?

Hi zusammen,

ich versuche mit JavaScript ein paar input-Felder zu validieren.

Leider wird die Seite nicht abgeschlossen, nachdem alle Felder befüllt wurden.
Hat jemand eine Idee?

Ich muss immer, nachdem alle Felder befüllt sind, nochmals in irgendein input-Feld klicken, damit es geht.

Hier mein Code:

$(document).ready(function() {
  $('input').on('click',function() {
    // Validation
    var vorname_firma = $("input[name='vorname']").val();
    var strasse = $("input[name='strasse']").val();
    var plz = $("input[name='plz']").val();
    var ort = $("input[name='ort']").val();

    if (vorname_firma != "" && strasse != "" && plz != "" && ort != "") {
      $(function() {
        $('#tab3').trigger("click");
      });
    }
  });
});

...zur Frage

JQuery in JavaScript Converter?

Hey Leute,

ich möchte gerne meinen jQuery-Code in JavaScript umwandeln. Mir ist klar, dass jQuery auch JavaScript ist, das halt nur eine Library benötigt. Gibt es so etwas wie einen jQuery-to-JavaScript-Converter?

Ich möchte halt diesen Code umwandeln:

<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key').removeClass('lglan');
      }
      else {
        $('#key').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#receive').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#key2').removeClass('lglan');
      }
      else {
        $('#key2').addClass('lglan');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $('#vm').removeClass(' esy ');
        $('#vm').addClass(' odn ');
      }
      else {
        $('#vm').addClass(' esy ');
        $('#vm').removeClass(' odn ');
      }
    });
  });
</script>
<script>
  $(document).ready(function () {
    $("#change").focusin(function () {
      $("#change").addClass("dri2");
    })
    $("#change").focusout(function () {
      $("#change").removeClass("dri2");
      $("#change2").focusin(function () {
        $("#change2").addClass("dri2");
      })
      $("#change2").focusout(function () {
        $("#change2").removeClass("dri2");
      })
    })
  });
</script>
<script>
  $(document).ready(function () {
    $('#call').on("input", function () {
      tmpval = $(this).val();

      if (tmpval == '') {
        $("#vm").attr("disabled", "disabled");
        $("#vm").removeAttr("enabled", "enabled");
      }
      else {
        $('#vm').attr("enabled", "enabled");
        $("#vm").removeAttr("disabled", "disabled");
      }
    });
  });
</script>
<script>
  $(document).ready(function() {
    $('#receive').on("input", function() {
      let currentValue = $(this).val();

      if (!currentValue.length) {
        $('#toggle').html('');
      }
      else {
        $('#toggle').html('<a id="click" class="lock" href="javascript:;"><?php echo $show ?></a>');
      }
    });
    $(document).on("click", "#click", function() {
      let text = $(this).text();

      if (text === "<?php echo $show ?>") {
        $(this).text("<?php echo $hide ?>");
        $("#receive").attr("type", "text");
      }
      else {
        $(this).text("<?php echo $show ?>");
        $("#receive").attr("type", "password");
      }
    });
  });
</script>

Wenn jemand etwas weiß, wäre es cool, mich zu unterstützen. 😉

...zur Frage

JavaScript Parameter in Funktionen erklären?

const add = function (n){
return n + 5 }
Wie bekomme ich in den Parameter überhaupt einen Wert?Vllt auch in Praxisbeispielen? Würde ja nur durch ein Input funktionieren oder?

...zur Frage

Gibt es einen weg das wider zu entschlüsseln?

ich habe auf der Seite https://obfuscator.io meinen JavaScript code verschlüsselt.

kann ich vom verschlüsselten code wieder zurück zum javascript code, wenn ja wie?

mein Code:

function be() {
    let eingabe = document.getElementById('password').value;
    if (eingabe == 'das ist gut') {
        re();
    } else {
        alert('Falsches Passwort');
    }
}

function re() {
    let feld = document.getElementById('pas');
    feld.remove();
}

function lock() {
    document.getElementById('bod').innerHTML += `<div class="pass" id="pas">
    <div class="pass-1">
        <div class="pass-2 pass-3">
            <h2>Passwort eingeben um fortzufahren</h2>
        </div>
        <div class="pass-2">
            <input type="password" id="password" placeholder="Passwort eingeben">
        </div>
        <div class="pass-2">
            <button class="pass-4" onclick="be()">Betätigen</button>
        </div>
    </div>
</div>`
}

...zur Frage

Timer mit JavaScript?

Ich möchte mit JavaScript einen Timer programmieren. Der User soll die Zeit einstellen können bspw 60min und dann soll der Timer runterzählen. Wenns bei 00:00:00 ist, soll ein neuer Bildschirm aufgerufen werden.

Ich hab leider nicht wirklich eine Ahnung wie ich das hinbekommen soll. Im Internet sind zwar Beispiele für Timer, jedoch laufen die von 0 bis unendlich.... Da ich technisch nicht so versiert bin um das ganze umzustellen, hoffe ich, dass ihr mir helfen könnt. Bis jetzt habe ich es nur hinbekommen, dass der Timer überhaupt läuft (allerdings von 0 an) und erst beginnt, wenn man auf den Start-Button drückt.

Hier meine js Datei:

$(document).ready(function() {

var timer = 0;

$( "#button_start" ).click(function() {

setInterval(function(){ increaseTimer() }, 1000);

});

function increaseTimer(){

timer = timer +1;

$("#timer").html(timer);

};

});

Schonmal vielen Dank!

Eure Amy

...zur Frage

Warenkorb programmieren?

Hallo, ich bin noch immer am programmieren eines Webshops (soll nie online kommen, ist nur zum spaß). Ich wollte mal fragen, wie man einen Warenkorb programmiert. Vielen Dank im voraus! (Ich programmiere mit html, css, javascript und php)

...zur Frage

Siri programmieren python?

Hallo,

Ich will mit dem programmieren in python anfangen und mir überlegt so eine Art Siri zu programmieren, und immer zu erweitern

Das habe ich bisher gemacht:

import Random

print("bitte alles klein schreiben")
print("Rede mit mir!")
print("sag zum Beispiel: Hallo")

eingabe = input():
Begrüßung = (hi", "moin", "servus", "hallo", "bonjour", "hey")
if eingabe = (hi", "moin", "servus", "hallo", "bonjour", "hey")
    Begrüßung = True

if Begrüßung = True:

def selectRandom(Begrüßung):
  return random.choice(Begrüßung)

print(Begrüßung)

Aber es funktioniert nicht, warum?

danke

...zur Frage

Mehrere Parameter durch einen Button ausgeben in Javascript?

Ich lerne gerade Javascript mit einer Tutorial Reihe und der Mann im Tutorial hat mehrere Parameter benutzt um einen Liebes Test zu Programmieren. Ich wollte dann das man erst einen Knopf drücken muss um das Ergebnis angezeigt zu bekommen. Aber es funktioniert nicht denn wenn ich auf den Button drücke, passiert nichts. woran liegt das ? Das ist mein Code: (Die formatierung ist eigentlich anders)

<!DOCTYPE html>

<html>

<head>

</head>

<body>

function LiebesTest(name1, name2){

document.write(name1 + " und " + name2 + " haben " + punkte + " Punkte ");

var punke;

punkte= (name1+name2).length;

}

LiebesTest("Filme", "serien");

</script>

<form>

<input onclick="text" type="button" value="Test!"

</form>

</body>

</html>

...zur Frage

JavaScript: Wie kann ich den Wert eines Eingabefelds bereits während der Eingabe prüfen?

Hey Leute, ich habe eine Frage zu JavaScript.

Ich möchte gerne, dass mein input-Feld number, das, wenn das erste getippte Zeichen eine Zahl ist, eine alert-Meldung ausgibt und sagt, es ist eine Nummer. Wenn es ein Buchstabe ist, dann soll es sagen, dass es ist keine Zahl ist.

Es soll direkt bei Eingabe geprüft werden und nicht erst, nach Klick auf etwas oder so ähnlich.

Ungefähr so:

listener

if (erstes Zeichen eine Nummer) {
  alert("es ist eine nummer");
else {
  alert("es ist keine nummer");
}

...zur Frage

Was funktioniert mit meinem Java Script/html code nicht?

Ich versuche gerade eine einfache Passwortabfrage mit Javascript zu programmieren. Ihr müsst mir auch nicht erst sagen das ich es lieber mit php machen sollte, ich weiß dass das überall steht aber das kapier ich überhauptnicht. Hier ist mein code:

<!DOCTYPE html>
<html>
    <head>
        <title>Basic Web Page</title>
        <script>
            let rightpass = 'hallo';
            let inpu = document.getElementById(input);
            let dkfjl = inpu == rightpass;
            function passwortabfrage() {
                if (dkfjl) {
                    alert('Es hat geklappt')
                } else {
                    alert('failed')
                }
            }
        </script>
    </head>
    <body>
        <form>
        <input type="text" id="input" >
        <input type="submit" onclick="passwortabfrage()">
        </form>
    </body>
</html>

Es geht mir dabei im Moment nicht um Sicherheit, sondern nur darum zu wissen wie was nicht funktioniert. Viele Grüße und Danke für eure Antworten

...zur Frage

Javascript: Funktion nur ausführen wenn bedingung stimmt?

ich habe dieses JS :

function Rechner(){
	var x=document.getElementById("laenge").value;
	var y=document.getElementById("breite").value;
	document.getElementById("flaeche").value = xy;
}

jedes input hat das Attribut :

oninput="Rechner(this.value)"

Doch er soll die flaeche im Input nur ausgeben wenn wirklich laenge und breite ausgefüllt sind. derzeit zeigt er erst noch 0 an wenn nur 1 stimmt.

wie geht das ? kann man da irgendwie noch sagen "if isset laenge & breite" ?

...zur Frage

JavaScript Texfeld leeren?

Ich habe folgendes Textfeld.

<input type="text" id="eingabe" placeholder="" value="">

Ich habe dazu in JavaScript in eine Funktion geschrieben die ausgeführt werden soll, wenn ein Button gedrückt wird. In dieser existieren folgende Zeilen Code.

document.getElementById("eingabe").setAttribute("value", "");
      document.getElementById("eingabe").setAttribute("placeholder", "Richtig");

Damit möchte ich erreichen, dass der Inhalt des Textfeldes geleert wird und in dem Textfeld im Hintergrund das Wort Richtig steht.

Jedoch wird das Textfeld nicht geleert.

...zur Frage

Wie kann ich eine JavaScript function einmal am Tag ausführen?

Ich möchte einen chatbot für telegram programmieren der einmal am Tag eine Nachricht sendet weiß aber nicht wie.

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen