입력 / 계산 / 출력

조수경·2021년 11월 18일
0

HTML

목록 보기
43/96
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel = "stylesheet" href = "../css/mystyle.css" type="text/css">

<script>
function calc(){
	//입력
	var x = parseInt(prompt("입력하세요", "정수로"));
	let y = parseInt(prompt("두번째 정수를 입력하세요"));
	
	//계산
	var sum = x + y;
	
	//출력 - div 검색
	out = document.querySelector('div');
	out = document.getElementsByTagName('div')[0];
	
	//출력 내용
	str = "첫번째 정수 : " + x + "<br>";
	str += "두번째 정수 : " + y + "<br>";
	str += "두수의 합 : " + sum + "<br>";
	
	out.innerHTML = str;
	
}
</script>
</head>
<body>
<pre>
외부 입력
a = prompt("입력하세요", "선택~~")
a 값은 문자열 String 이다.
숫자로 변환하기 위해서 parseInt()함수를 사용

확인 버튼을 클릭하면 두개의 수를 입력받아 덧셈하여 출력한다.
</pre>
<button type="button" onclick="calc()">확인</button>
<br></br>
<div></div>
</body>
</html>
profile
신입 개발자 입니다!!!

0개의 댓글

관련 채용 정보