[JSP] table 태그를 이용한 구구단

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

    <h1> 구구단 선택</h1>
    
    <form action="gugumem.jsp" method="GET">
    <table border="1">
    <tr> 
    <td>2단 </td>
    <td><input type=checkbox name="dan" value="2"> </td>
    </tr>
    
     <tr> 
    <td>3단 </td>
    <td><input type=checkbox name="dan" value="3" checked> </td>
    </tr>
    
     <tr> 
    <td>4단 </td>
    <td><input type=checkbox name="dan" value="4"> </td>
    </tr>
    
     <tr> 
    <td>5단 </td>
    <td><input type=checkbox name="dan" value="5"> </td>
    </tr>
    
     <tr> 
    <td>6단 </td>
    <td><input type=checkbox name="dan" value="6"> </td>
    </tr>
    
     <tr> 
    <td>7단 </td>
    <td><input type=checkbox name="dan" value="7"> </td>
    </tr>
    
     <tr> 
    <td>8단 </td>
    <td><input type=checkbox name="dan" value="8"> </td>
    </tr>
    
     <tr> 
    <td>9단 </td>
    <td><input type=checkbox name="dan" value="9"> </td>
    </tr>
    
    <tr>
    <td colspan="2"> <input type="submit" value="전송"> </td>
    </tr>
    </table>
    </form>

guguForm.jsp 의 소스코드

사진 1-1

input type = checkbox를 사용하여 구구단을 선택하여 출력이 가능합니다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>


<h1> 구구단 출력</h1>
<%
	String arr[]=request.getParameterValues("dan");
	String str= "<table border='2'> ";
	
	for(int i=0; i<arr.length; i++){
		str += "<tr>"+"<td>"+arr[i]+"단" +"</td>";
		str += "<td>";
		for(int j=1; j<=9; j++){
			int gugu = Integer.parseInt(arr[i]);
			
			str+=gugu+"*"+j +"="+gugu*j;
			str+="<br>";
		}
		str += "</td>";
		
	}
	str += "</table>";
%>
<%=str %>

gugumem.jsp의 소스코드 

request.getParameterValues를 사용하여 guguForm.jsp에서 넘겨져오는 값들을 배열형으로 받았습니다.

 

사진 1-2