Tässä esimerkissä opit lisäämään kaksi numeroa ja näyttämään niiden summan JavaScriptin eri menetelmillä.
Tämän esimerkin ymmärtämiseksi sinulla on oltava tieto seuraavista JavaScript-ohjelmoinnin aiheista:
- JavaScript-muuttujat ja vakiot
- JavaScript-operaattorit
Käytämme +
operaattoria kahden tai useamman numeron lisäämiseen.
Esimerkki 1: Lisää kaksi numeroa
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);
Tuotos
5: n ja 3: n summa on: 8
Esimerkki 2: Lisää kaksi käyttäjän syöttämää numeroa
// 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)`);
Tuotos
Syötä ensimmäinen numero 5 Syötä toinen luku 3 5: n ja 3: n summa on: 8
Yllä oleva ohjelma pyytää käyttäjää syöttämään kaksi numeroa. Tässä prompt()
käytetään ottamaan sisääntuloja käyttäjältä. parseInt()
käytetään muuntaa käyttäjän syötemerkkijono numeroksi.
const num1 = parseInt(prompt('Enter the first number ')); const num2 = parseInt(prompt('Enter the second number '));
Sitten lasketaan numeroiden summa.
const sum = num1 + num2;
Lopuksi summa näytetään. Tuloksen näyttämiseksi olemme käyttäneet mallin kirjainta ` `
. Tämän avulla voimme sisällyttää muuttujia merkkijonojen sisään.
console.log(`The sum of $(num1) and $(num2) is $(sum)`);
Muuttujien sisällyttämiseksi ``
sinun on käytettävä $(variable)
muotoa.
Huomaa : Malli-literaalit otettiin käyttöön ES6: ssa, ja jotkin selaimet eivät ehkä tue niitä. Jos haluat lisätietoja, käy JavaScript-mallin kirjainten tuki.