GHI CHÚ CODE

Mình chỉ share code nên ko có hướng dẫn. Các bạn xem Demo ở phía bên dưới

Khung nhập mã cần thử

<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Huong</title>
</head>
<body>
<style>

.button001 {
background-color: red;
color: white;
border-radius: 10px;
padding: 5px;
cursor: pointer;
}
.h1996 {
width: 10px;
height: 10px;
color: red;
}
.h96 {
width: 10px;
height: 10px;
color: blue;
}
.daihoctaynguyen select {
background: red;
width: 80px;
padding: 5px;
font-size: 16px;
color: white;

height: 34px; 
}
</style>

<table border="1" bordercolor="blue">
<tr>
<td>Câu 1</td>
<td>
<div class="daihoctaynguyen">
<select id="T1cau1"><option value="">Nối với</option><option value="A">A</option><option value="B">B</option><option value="C">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="G">G</option><option value="H">H</option></select>
<text id="T1kiemtra1"></text></div>
</td>
<td>link ảnh</td>
<td>nội dung câu 1</td>
</tr>
<tr>
<td>Câu 2</td>
<td>
<div class="daihoctaynguyen">
<select id="T1cau2">
<option value="">Nối với</option><option value="A">A</option><option value="B">B</option><option value="C">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="G">G</option><option value="H">H</option></select>
<text id="T1kiemtra2"></text></div>
</td>
<td>link ảnh</td>
<td>nội dung câu 2</td>
</tr>
<tr>
<td>Câu 3</td>
<td>
<div class="daihoctaynguyen">
<select id="T1cau3"><option value="">Nối với</option><option value="A">A</option><option value="B">B</option><option value="C">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="G">G</option><option value="H">H</option></select>
<text id="T1kiemtra3"></text></div>
</td>
<td>link ảnh </td>
<td> nội dung câu 3</td>
</tr>
<tr>
<td>Câu 4</td>
<td>
<div class="daihoctaynguyen">
<select id="T1cau4"><option value="">Nối với</option><option value="A">A</option><option value="B">B</option><option value="C">C</option><option value="D">D</option><option value="E">E</option><option value="F">F</option><option value="G">G</option><option value="H">H</option></select>
<text id="T1kiemtra4"></text></div>
</td>
<td>link ảnh</td>
<td> nội dung câu 4</td>
</tr>
<tr>
<td>Câu 5</td>
<td>
<div class="daihoctaynguyen">
<select id="T1cau5"><option value="" >Nối với</option><option value="A">A</option><option value="B">B</option><option value="C">C</option><option value="D">D</option><option value="E"> E. </option><option value="F">F</option><option value="G">G</option><option value="H">H</option></select>
<text id="T1kiemtra5"></text></div>
</td>
<td>link ảnh</td>
<td> nội dung câu 5</td>
</tr>
</table>
</td>
</tr>
</table>
<script>
var count=0;
function kiemtraTest1() {
Test1cau1 = T1cau1.value;
Test1cau2 = T1cau2.value;
Test1cau3 = T1cau3.value;
Test1cau4 = T1cau4.value;
Test1cau5 = T1cau5.value;
if (Test1cau1 == "A")
{T1cau1.value = Test1cau1;
T1kiemtra1.innerHTML = "<text class=h96>" + "✔ vỗ tay" + "</text>";
count++;
} else {
T1cau1.value = Test1cau1;
T1kiemtra1.innerHTML = "<text class=h1996>" + "✖ ➣ A" + "</text>";
}
if (Test1cau2 == "B")
{T1cau2.value = Test1cau2;
T1kiemtra2.innerHTML = "<text class=h96>" + "✔ vỗ tay" + "</text>";
count++;
} else {
T1cau2.value = Test1cau2;
T1kiemtra2.innerHTML = "<text class=h1996>" + "✖ ➣ B" + "</text>";
}
if (Test1cau3 == "C") 
{T1cau3.value = Test1cau3;
T1kiemtra3.innerHTML = "<text class=h96>" + "✔ vỗ tay" + "</text>";
count++;
} else {
T1cau3.value = Test1cau3;
T1kiemtra3.innerHTML = "<text class=h1996>" + "✖ ➣ C" + "</text>";
}
if (Test1cau4 == "D")
{T1cau4.value = Test1cau4;
T1kiemtra4.innerHTML = "<text class=h96>" + "✔ vỗ tay" + "</text>";
count++;
} else {
T1cau4.value = Test1cau4;
T1kiemtra4.innerHTML = "<text class=h1996>" + "✖ ➣ D" + "</text>";
}
if (Test1cau5 == "E")
{T1cau5.value = Test1cau5;
T1kiemtra5.innerHTML = "<text class=h96>" + "✔ vỗ tay" + "</text>";
count++;
} else {
T1cau5.value = Test1cau5;
T1kiemtra5.innerHTML = "<text class=h1996>" + "✖ ➣ E" + "</text>";
}

alert ("Bạn làm đúng "+ count +" câu. Chúc bạn thi tốt ");
}
</script>
<button class="button001" onclick="kiemtraTest1()">Kiểm tra</button>
</body>
</html>

Khung xem trước kết quả

Code Tạo bài tập nối cột A với B cho Blogspot

BÌNH LUẬN (0)

Translate

Nhận Xét Mới

Code Tạo bài tập nối cột A với B cho Blogspot

BÀI VIẾT CÙNG CHUYÊN MỤC

BÌNH LUẬN (0)

Translate

Nhận Xét Mới