[JSP] request.getParameter()를 이용하여 구구단 출력하기
TO Do.
- gugudan.jsp에서 input 태그 안에 숫자에 따라 보내기(submit)
- gugudanProc.jsp에서 해당하는 숫자에 따른 구구단 출력!
목표: gugudanProc.jsp에서 해당하는 숫자에 따른 구구단 출력!
1. gugudan.jsp
첫번째로 몇 단을 입력할 것 인지 gugudan.jsp 파일을 만들어보도록 하자
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<h1>단을 입력하시오</h1>
<!-- post 형식으로 gugudanProc.jsp에 input태그의 dan 값 전달 -->
<form action="gugudanProc.jsp" method="post">
<input type="number" min="1" max="9" name="dan">
<input type="submit" value="보내기">
</form>
</body>
</html>
|
cs |
<form> 태그의 action 값을 gugudanProc.jsp로 향하고 post 형식으로 넘겨주었다
1단부터 9단까지 출력하고 싶었기에
<input type="number" min="1" max="9" name="dan">로 설정!!
*여기서 일반 익스플로러나 이클립스에 뜨는 브라우저에는 제대로 출력이 되지 않을 수 있다.
해당 글에서는 chrome 브라우저를 이용함.
여기서 넘길 파라미터 값을 name="dan"으로 해놓고 gugudan.jsp에서 dan을 받아올 것이다.
2. gugudanProc.jsp
다음과 같이 4단으로 두고 submit 해보았다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<%
request.setCharacterEncoding("EUC-KR"); //인코딩 형식
int dan = Integer.parseInt(request.getParameter("dan")); //input태그의 dan 을 int형으로 변환해서 저장
%>
<h1>구구단:<%=dan%>단</h1>
<%
for(int i=1; i < 10; i++){ //구구단 for문 단수 * 9까지만
%>
<%=dan%> * <%=i%> = <%=dan*i%><br> <%-- 단수 * i를 바로 표현식으로 표현 --%>
<%
}
%>
</body>
</html>
|
cs |
이 코드에서 핵심은 int dan = Integer.parseInt(request.getParameter("dan")); 이 부분이라고 할 수 있다.
일반적으로 getParameter()로 값을 넘기게 되면 int형으로 받지 못하기에 int형으로 형 변환을 해서 dan에 저장해 두었다.
다음 for문을 이용해서 바로 표현식으로 단수 * i를 출력해주었다.
3. 함께보면 좋은글
[JSP] getParameter()를 이용한 간단한 사칙연산 계산기 | Yoon's Dev
getParameter()를 이용한 간단한 사칙연산 계산기 TO Do. - 각각의 input 태그 안에 들어있는 피연산자와 연산자 두개를 +, -, *, / 를 해서 보내기(submit) - calcProc.jps 에 연산결과 출력하기 목표: calcProc...
yooniron.tistory.com
'Language > └JSP | Servlet' 카테고리의 다른 글
| [JSP] 이클립스에서 JDBC로 MySQL 연동하기 | Yoon's Dev (0) | 2021.05.12 |
|---|---|
| [Servlet] Servelt 서블릿 기초 문법, 클래스, 메서드, 라이프 사이클 | Yoon's Dev (0) | 2021.04.28 |
| [JSP] JSP 기초문법 선언문(Declaration), 스크립트릿(Scriptlet), 표현식(Expression) | Yoon's Dev (0) | 2021.04.22 |
| [JSP] getParameter(), getParameterValues()를 이용한 학생 정보 입력 값 전달 | Yoon's Dev (0) | 2021.04.15 |
| [JSP] getParameter()를 이용한 간단한 사칙연산 계산기 | Yoon's Dev (0) | 2021.04.14 |