본문 바로가기
study/Javascript

[Javascript] 5. exam2 (id가 아닌 name을 사용하여 num1의 값을 num2 태그에 복사하기, 입력된 숫자까지의 합계[전체합계, 짝수합계, 홀수합계] 구하기)

by 금이패런츠 2022. 4. 5.
728x90
반응형
<!-- src/main/webapp/2/exam2.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Exam2</title>
<script type="text/javascript">
function copyvalue() {
	document.f1.num2.value = document.f1.num1.value;
}
function sumall() {
	let num = document.f2.num.value
	let s=0, evens=0, odds=0;
	for(let i=1; i<=num; i++) {
		s += i;
		if(i % 2 == 0) evens += i;
		else odds += i;
	}
	document.f2.sum.value = s;
	document.f2.evensum.value = evens;
	document.f2.oddsum.value = odds;
}
</script>
</head>
<body>
<form name="f1">
<h2>num1의 값을 num2 태그에 복사하기</h2>
num1 : <input type="text" name="num1">
num2 : <input type="text" name="num2">
<input type="button" value="복사" onclick="copyvalue()">
</form>
<form name="f2">
<h2>입력된 숫자까지의 합계 구하기</h2>
숫자 <input type="text" name="num">
<input type="button" value="합계구하기" onclick="sumall()"><br>
전체합계 : <input type="text" name="sum"><br>
짝수합계 : <input type="text" name="evensum"><br>
홀수합계 : <input type="text" name="oddsum"><br>
</form>
</body>
</html>
728x90
반응형