Chúc mừng bạn đã đi đến bài cuối của chương đầu tiên! Trong chương này, bạn đã làm quen với PHP từ những dòng mã đầu tiên, hiểu cách hoạt động của biến, hàm, cấu trúc điều kiện, vòng lặp, và cả những khái niệm quan trọng như biến toàn cục hay superglobal. Bây giờ là lúc chúng ta cùng ôn lại toàn bộ những gì đã học, qua một bài tập nhỏ nhưng đầy thú vị: tạo bảng cửu chương động bằng PHP!
Yêu cầu bài tập
Bạn sẽ viết một trang PHP cho phép người dùng chọn một số từ 1 đến 9 (hoặc nhiều hơn nếu bạn muốn mở rộng). Khi người dùng chọn số và bấm “Hiển thị”, trang sẽ hiện ra bảng cửu chương tương ứng với số đó.
Ví dụ: nếu người dùng chọn số 5, trang sẽ hiển thị:
5 x 1 = 5
5 x 2 = 10
...
5 x 10 = 50
Gợi ý cách làm
- Tạo một form đơn giản để người dùng chọn số.
- Sử dụng biến superglobal
$_GEThoặc$_POSTđể lấy giá trị số được chọn. - Dùng vòng lặp
forđể in ra bảng cửu chương tương ứng. - Hiển thị kết quả ngay trên trang – không cần chuyển trang khác.
Giao diện đơn giản gợi ý
<!DOCTYPE html>
<html>
<head>
<title>Bảng cửu chương</title>
</head>
<body>
<h2>Chọn một số để xem bảng cửu chương</h2>
<form method="GET">
<label>Chọn số: </label>
<select name="number">
<?php
for ($i = 1; $i <= 9; $i++) {
echo "<option value=\"$i\">$i</option>";
}
?>
</select>
<button type="submit">Hiển thị</button>
</form>
<?php
if (isset($_GET['number'])) {
$n = (int) $_GET['number'];
echo "<h3>Bảng cửu chương của $n</h3>";
for ($i = 1; $i <= 10; $i++) {
echo "$n x $i = " . ($n * $i) . "<br>";
}
}
?>
</body>
</html>
Những gì bạn sẽ ôn lại
- Cách tạo form HTML và xử lý dữ liệu từ form bằng PHP.
- Biến superglobal
$_GET. - Chuyển đổi kiểu dữ liệu từ chuỗi sang số với
(int). - Sử dụng vòng lặp
for. - Cách in chuỗi kết hợp biến (
echo "$a x $b = $c"). - Kỹ năng tư duy logic và tổ chức mã nguồn gọn gàng.
Thử thách nâng cao
- Cho phép chọn nhiều số (ví dụ: hiển thị bảng của 2, 3 và 5 cùng lúc).
- Hiển thị bảng cửu chương bằng bảng HTML (
<table>). - Cho phép người dùng nhập số tùy ý (ví dụ: 12, 15…).
- Tự động giữ lại số đã chọn sau khi form gửi.
Tổng kết
Bài tập này là một điểm kết hoàn hảo cho chương đầu tiên. Nếu bạn hoàn thành nó tốt, xin chúc mừng – bạn đã sẵn sàng bước vào Chương 2 với các kỹ năng vững chắc. Trong chương tới, bạn sẽ khám phá cách PHP tương tác với người dùng qua form và URL – một bước tiến lớn trên hành trình trở thành lập trình viên web thực thụ.
Hẹn gặp bạn ở Chương 2 – PHP Web: Giao tiếp với Form, URL và Cookie nhé!
Gợi ý học thêm: Nếu chưa học HTML/CSS, bạn nên học trước môn học HTML & CSS cơ bản để hiểu rõ cách tạo trang web.
Thảo luận