본문 바로가기
study/Javascript

[Javascript] 5. exam1 (num1의 값을 num2 태그에 복사하기, 입력된 숫자까지의 합계[전체합계, 짝수합계, 홀수합계] 구하기)

by 금이패런츠 2022. 4. 5.
728x90
반응형
<!-- src/main/webapp/2/exam1.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Exam1</title>
<script type="text/javascript">
function copyvalue() {
//	num2.value = num1.value;
	document.querySelector("#num2").value = document.querySelector("#num1").value
}
function sumall() {
	let s=0, evens=0, odds=0;
	for(let i=1; i<=num.value; i++) {
		s += i;
		if(i % 2 == 0) evens += i;
		else odds += i;
	}
	sum.value = s;
	evensum.value = evens;
	oddsum.value = odds;
}
</script>
</head>
<body>
<h2>num1의 값을 num2 태그에 복사하기</h2>
num1 : <input type="text" id="num1">
num2 : <input type="text" id="num2">
<input type="button" value="복사" onclick="copyvalue()">

<h2>입력된 숫자까지의 합계 구하기</h2>
숫자 <input type="text" id="num">
<input type="button" value="합계구하기" onclick="sumall()"><br>
전체합계 : <input type="text" id="sum"><br>
짝수합계 : <input type="text" id="evensum"><br>
홀수합계 : <input type="text" id="oddsum"><br>
</body>
</html>
728x90
반응형