W tym przykładzie nauczysz się, jak dodać dwie liczby i wyświetlić ich sumę za pomocą różnych metod w JavaScript.
Aby zrozumieć ten przykład, powinieneś znać następujące tematy programowania JavaScript:
- Zmienne i stałe JavaScript
- Operatory JavaScript
Używamy +
operatora, aby dodać dwie lub więcej liczb.
Przykład 1: Dodaj dwie liczby
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);
Wynik
Suma 5 i 3 to: 8
Przykład 2: Dodaj dwie liczby wprowadzone przez użytkownika
// 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)`);
Wynik
Wpisz pierwszą liczbę 5 Wpisz drugą liczbę 3 Suma 5 i 3 to: 8
Powyższy program prosi użytkownika o wprowadzenie dwóch liczb. Tutaj prompt()
służy do pobierania danych wejściowych od użytkownika. parseInt()
służy do konwersji ciągu wejściowego użytkownika na liczbę.
const num1 = parseInt(prompt('Enter the first number ')); const num2 = parseInt(prompt('Enter the second number '));
Następnie obliczana jest suma liczb.
const sum = num1 + num2;
Na koniec wyświetlana jest suma. Aby wyświetlić wynik, użyliśmy literału szablonu ` `
. To pozwala nam na umieszczanie zmiennych w łańcuchach.
console.log(`The sum of $(num1) and $(num2) is $(sum)`);
Aby dołączyć zmienne do środka ``
, musisz użyć $(variable)
formatu.
Uwaga : Literały szablonów zostały wprowadzone w ES6 i niektóre przeglądarki mogą ich nie obsługiwać. Aby dowiedzieć się więcej, odwiedź stronę Obsługa literałów szablonów JavaScript.