JavaScript에서 두 개의 숫자 추가
이 기사에서는 JavaScript 소스 코드의 산술 연산과 여러 숫자 값의 합을 구하고 기본 경고 상자와 로그 상자를 사용하여 결과를 사용자에게 표시하는 방법을 배우고 사용합니다.
JavaScript에서 숫자 추가
(덧셈, 뺄셈, 곱셈, 나눗셈)과 같은 산술 연산 결과를 찾기 위해 JavaScript 코드 문에서 연산자를 사용합니다. 개발자는 주로 이러한 연산자를 사용하여 프로그램에서 계산 및 추가 수학적 문제를 수행합니다.
덧셈을 찾기 위해 프로그래머는 + 연산자를 숫자 값과 함께 사용합니다.
JavaScript의 더하기(+) 연산자
JavaScript에서 + 연산자는 숫자 값의 합계 결과를 가져옵니다. 문자열 값에 + 연산자를 사용하면 문자열 간의 연결을 수행합니다.
통사론:
let value1 = 10
let value2 = 5
let sum = value1 + value2 // addition of values
console.log(sum);
더하기 작업을 수행하려면 할당된 여러 숫자 값이나 사용자가 제공한 값이 필요합니다. 아래 예에서는 사용자 입력에서 두 개의 값을 가져와 더하기 작업을 수행한 다음 결과를 사용자에게 표시합니다.
예제 코드:
<html>
<head>
<title> display JavaScript alert </title>
</head>
<script>
function createSum()
{
let data1 = document.getElementById("value1").value;
data1 = parseInt(data1)
let data2 = document.getElementById("value2").value;
data2 = parseInt(data2)
if(isNaN(data1) || isNaN(data2)) //check empty data field
{
alert("Please enter both values");
}else{
let sum = data1+data2;
alert("Your'e sum value is : "+sum);
}
}
</script>
<body>
<h1 style="color:blueviolet">DelftStack Learning</h1>
<h3>JavaScript Add two values</h3>
<form onsubmit ="return createSum()">
<!-- data input -->
<td> Enter 1st Value: </td>
<input id = "value1" type="number">
<td> Enter 2nd Value: </td>
<input id = "value2" type="number">
<br><br>
<input type = "submit" value = "Sum values">
</form>
</body>
</html>
출력:
위의 HTML 소스 코드에서 form 요소를 사용하여 사용자 입력 필드와 제출 버튼을 생성했습니다. 사용자는 두 값을 모두 삽입하고 사용자가 제출 버튼을 클릭하면 createSum() 함수가 트리거됩니다.
스크립트 태그에서 createSum() 함수를 선언했으며 해당 함수 내에서 data1 및 data2 변수에서 사용자 입력 값을 가져오고 조건문 if를 사용하여 입력 값을 확인했습니다.
값이 비어 있거나 숫자를 포함하지 않으면 alert() 오류 메시지가 표시됩니다. 사용자가 두 숫자 값을 모두 제공하면 else 조건에서 + 연산자를 사용하여 더하기를 수행하고 sum 변수에 결과를 저장하고 alert() 팝업에 표시했습니다.