html로 웹 페이지를 제작하면서, 페이지를 이동하지 않거나, 같거나 비슷한 작업을 하지 않을 수는 없을 것이다. 다음과 같은 간단한 반복문과 Post 태그를 이용한 패이지 이동을 살펴보자.
곱샘 계산기
PHP
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>숫자입력</title>
</head>
<body>
// 항상 인코딩을 까먹지 말아주자. html과 헤드를 열어 인코딩과 제목을 입력해주었다.
<h2>숫자를 입력하세요</h2>
// h2 크기의 입력란 설명을 써주자
<form action="result1.php" method="post"> //action : 폼 내부에 데이터를 보내는 목적지 url을 지정해주는 태그. post 매쏘드로 전송해보자.
<input type="number" name="num1" required>
<input type="number" name="num2" required>
<input type="submit" value="출력하기">
</form>
// form을 통해 값을 입력받을 구획을 만들어보자. 3가지 인풋을 가지는데, 2개는 서로 다른 숫자, 하나는 값을 계산하게끔 하는 버튼이다.
</body>
</html>PHP
<?php // php 선언
// 입력 값 유효성 검사. 이 웹페이지를 이전 페이지에서 입력값을 입력하고 일반적으로 넘어왔는지를 확인한다.
if ($_SERVER["REQUEST_METHOD"] === "POST") {
$num = (int) $_POST["num1"];
$numa = (int) $_POST["num2"];//이전 페이지에서 입력받은 값들을 정수 변수형으로 바꿔주자.
$times = $num * $numa; //곱계산
echo "<h2> 입력한 숫자 : {$num} {$numa} </h2>";
echo "<h2> 입력한 숫자의 곱 : {$times} </h2>"; //출력
} else {
// 직접 접근했을 경우. 이러한 경우에는 초기 사이트로 보내버리자.
header("Location: form.html");
exit;
}
?>구구단 계산기
PHP
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>숫자입력</title>
</head>
<body>
<h2>단수를 입력하세요</h2> //
<form action="result.php" method="post"> //여기까진 같다
<input type="number" name="num1" required>
<input type="submit" value="출력하기"> //이번에는 특정 단의 구구단을 만드는 것이므로, 한 값만을 입력받아도 충분하다.
</form>
</body>
</html>PHP
<?php
// 입력 값 유효성 검사
if ($_SERVER["REQUEST_METHOD"] === "POST") {
$num = (int) $_POST["num1"];
echo "<h2> {$num}단 : </h2>";
for ($i = 1; $i <=9; $i++){
$times = $num * $i;
echo "<br> {$num} * {$i} = {$times}";
};
//for문을 이용한 반복 작업을 통해 구구단을 출력해보자. for 문 내의 세가지 구역은 각각 시작하는 값, 반복하는 횟수(조건) 설정, 1회 실행 후 i의 변경점이다. 다음 코드에서는 i가 1에서부터 시작하여, 9가 될때 까지 1회 실행당 i를 1씩 늘려준다. 그렇게, 입력한 값과 1부터 9까지의 곱을 모두 출력할 수 있게 된다.
} else {
// 직접 접근했을 경우
header("Location: form.html");
exit;
}
?>