In dit voorbeeld leert u hoe u twee getallen optelt en hun som weergeeft met behulp van verschillende methoden in JavaScript.
Om dit voorbeeld te begrijpen, moet u kennis hebben van de volgende JavaScript-programmeeronderwerpen:
- JavaScript-variabelen en constanten
- JavaScript-operators
We gebruiken de +
operator om twee of meer getallen toe te voegen.
Voorbeeld 1: voeg twee cijfers toe
const num1 = 5; const num2 = 3; // add two numbers const sum = num1 + num2; // display the sum console.log('The sum of ' + num1 + ' and ' + num2 + ' is: ' + sum);
Uitvoer
De som van 5 en 3 is: 8
Voorbeeld 2: voeg twee nummers toe die door de gebruiker zijn ingevoerd
// store input numbers const num1 = parseInt(prompt('Enter the first number ')); const num2 = parseInt(prompt('Enter the second number ')); //add two numbers const sum = num1 + num2; // display the sum console.log(`The sum of $(num1) and $(num2) is $(sum)`);
Uitvoer
Voer het eerste cijfer in 5 Voer het tweede cijfer in 3 De som van 5 en 3 is: 8
Het bovenstaande programma vraagt de gebruiker om twee cijfers in te voeren. Hier prompt()
wordt gebruikt om input van de gebruiker te nemen. parseInt()
wordt gebruikt om de gebruikersinvoerreeks naar een getal te converteren.
const num1 = parseInt(prompt('Enter the first number ')); const num2 = parseInt(prompt('Enter the second number '));
Vervolgens wordt de som van de getallen berekend.
const sum = num1 + num2;
Ten slotte wordt de som weergegeven. Om het resultaat weer te geven, hebben we de sjabloon letterlijk gebruikt ` `
. Dit stelt ons in staat om variabelen in strings op te nemen.
console.log(`The sum of $(num1) and $(num2) is $(sum)`);
Om variabelen erin op te nemen ``
, moet u het $(variable)
formaat gebruiken.
Opmerking : Template literals is geïntroduceerd in ES6 en sommige browsers ondersteunen deze mogelijk niet. Ga voor meer informatie naar Ondersteuning voor letterlijke JavaScript-sjablonen.