728x90
숫자입력받고 홀짝구분하는 페이지를 만들기에 앞서
목차를 만들고, 구현한 페이지들을 링크하기로 하자.
순서가 있도록 <ol>태그를 사용하고 <a>태그로 다른 경로에 있는 evenOddForm.jsp를 연결했다.
index.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>index</h1>
<ol>
<li><a href="./if/evenOddForm.jsp">짝수/홀수 구분하기</a></li>
</ol>
</body>
</html>
링크를 눌러 jsp를 불렀다.
그 후 input태그로 숫자를 입력받는 form을 만들었고
action으로 홀짝을 구별하는 evenOddAction.jsp로 연결했다.
evenOddForm.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>evenOddForm.jsp</title>
</head>
<body>
<!-- 메뉴 -->
<div>
<a href="../index.jsp">index</a>
</div>
<h1>evenOddForm</h1>
<form action="./evenOddAction.jsp">
숫자 <input type="number" name="num">
<button type="submit">보내기</button>
</form>
</body>
</html>
evenOddForm에서 입력한 숫자를
request.getParameter로 받아온 후
if문을 통해 짝수,홀수를 구별하고 출력했다.
evenOddAction.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
// 1. 요청 값 설정
String strNum = request.getParameter("num");
// 디버깅(디버깅 코드 + 디버깅 확인)
System.out.println("strNum = " + strNum);
// Integer.parseInt(String 타입)
int iNum = Integer.parseInt(strNum);
String result = null;
if(iNum % 2 ==0) {
result = "짝수";
} else {
result = "홀수";
}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 메뉴 -->
<div>
<a href="../index.jsp">index</a>
</div>
<h1>evenOddAction</h1>
<div>
<%=iNum%>은 <%=result%>이다
</div>
</body>
</html>
728x90
'STUDY > JSP' 카테고리의 다른 글
| 20240307 계산기 페이지 (0) | 2024.03.07 |
|---|---|
| 20240307 로그인 페이지 구현 (0) | 2024.03.07 |
| 20240307 가위바위보 페이지 (0) | 2024.03.07 |
| 20240306_주사위 출력 (0) | 2024.03.06 |
| 20240306_폼으로 값 요청받고 출력하기 (0) | 2024.03.06 |
