728x90
마찬가지로 index.jsp에 <a>태그로 링크를 연결한다.
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>
<li><a href="./if/dice.jsp">dice</a></li>
</ol>
</body>
</html>
Math.random() 메소드로 난수를 발생시킨 후 주사위 값인 1~6으로 만들어준다
if문으로 num값에 따라 img경로를 변경해준다.
dice.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
// API
// 랜덤으로 숫자를 반환하는 API
// Math.random(); // 0.000000... ~ 0.999999... 사이의 난수 발생
double d =Math.random() * 6;
int num1 = (int)d + 1;
d =Math.random() * 6;
int num2 = (int)d + 1;
String img1 = null;
String img2 = null;
if(num1 == 1) {
img1 = "../img/d1.jpg";
} else if(num1 == 2) {
img1 = "../img/d2.jpg";
} else if(num1 == 3) {
img1 = "../img/d3.jpg";
} else if(num1 == 4) {
img1 = "../img/d4.jpg";
} else if(num1 == 5) {
img1 = "../img/d5.jpg";
} else if(num1 == 6) {
img1 = "../img/d6.jpg";
}
if(num2 == 1) {
img2 = "../img/d1.jpg";
} else if(num2 == 2) {
img2 = "../img/d2.jpg";
} else if(num2 == 3) {
img2 = "../img/d3.jpg";
} else if(num2 == 4) {
img2 = "../img/d4.jpg";
} else if(num2 == 5) {
img2 = "../img/d5.jpg";
} else if(num2 == 6) {
img2 = "../img/d6.jpg";
}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 메뉴 -->
<div>
<a href="../index.jsp">index</a>
</div>
<h1>dice</h1>
<div>
주사위의 합은 <%=num1 + num2%> 입니다.
</div>
<div>
<img alt="" src="<%=img1%>" width="200">
<img alt="" src="<%=img2%>" width="200">
</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 |
