WEB Archive
[HTML] 이름과 점수를 입력하고 데이터를 전송하여 수신하는 실습
universedevelope
2024. 8. 22. 08:26
Send02.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Send02.html</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div>
<h1>데이터전송 실습~</h1>
<hr>
</div>
<div>
<form action="Receive02.jsp" method="post">
<table class="table">
<tr>
<th>이름</th>
<td>
<input type="text" name="userName" class="txt" placeholder="ex)홍길동">
</td>
</tr>
<tr>
<th>국어점수</th>
<td>
<input type="text" name="userKor" class="txt" placeholder="0~100">
</td>
</tr>
<tr>
<th>영어점수</th>
<td>
<input type="text" name="userEng" class="txt" placeholder="0~100">
</td>
</tr>
<tr>
<th>수학점수</th>
<td>
<input type="text" name="userMat" class="txt" placeholder="0~100">
</td>
</tr>
<tr>
<td colspan="2">
<button type="submit" class="btn control" style="width: 150px;">전송</button>
<button type="reset" class="btn control" style="width: 150px;">취소</button>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
Receive02.jsp
<%@ page contentType="text/html; charset=UTF-8"%>
<%
request.setCharacterEncoding("UTF-8");
String name = request.getParameter("userName");
int kor = Integer.parseInt(request.getParameter("userKor"));
int eng = Integer.parseInt(request.getParameter("userEng"));
int mat = Integer.parseInt(request.getParameter("userMat"));
int tot = kor+eng+mat;
int avg = tot/3;
String msg = String.format("%s님의 국어점수는 %d"
+ ", 영어점수는 %d 수학점수는 %d, 총점은 %d 평균은 %d입니다.", name, kor, eng, mat, tot, avg);
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Receive02.jsp</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div>
<h1>점수결과 확인페이지</h1>
<hr>
</div>
<div>
<form>
<%=msg %>
</form>
</div>
</body>
</html>728x90