SÁNG KIẾN 2021 2022 MAI VIỆT
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (2.91 MB, 44 trang )
PHÒNG GIÁO DỤC VÀ ĐÀO TẠO H.DẦU TIẾNG
TRƯỜNG TRUNG HỌC CƠ SỞ ĐỊNH HIỆP
SÁNG KIẾN
ĐỀ TÀI
KIỂM TRA ĐÁNH GIÁ ONLINE
MÔN HÓA HỌC 8, 9
GV thực hiện: Mai Văn Việt
NĂM HỌC: 2021 – 2022
Kiểm tra đánh giá online mơn Hóa Học 8, 9
MỤC LỤC
TT
I
II
III
IV
V
VI
VII
VIII
NỘI DUNG
LÝ DO CHỌN ĐỀ TÀI
MỤC ĐÍCH NGHIÊN CỨU
PHƯƠNG PHÁP NGHIÊN CỨU
PHẠM VI NGHIEN CỨU
THỰC HIỆN
THIẾT KẾ VÀ VIẾT CODE CHO ỨNG DỤNG
KẾT QUẢ NĂM HỌC 2020 - 2021
KẾT LUẬN
TÀI LIỆU THAM KHẢO
PHỤ LỤC
3
trang
4
4
4
5
5
7
15
16
17
18
Kiểm tra đánh giá online mơn Hóa Học 8, 9
I. LÝ DO CHỌN ĐỀ TÀI
Loài người chúng ta đang sống trong cuộc cách mạng khoa học công nghệ
4.0. Đặc biệt từ khi xảy ra đại dịch covid-19 thì ngành giáo dục đã ứng dụng triệt
để công nghệ thông tin để dạy và học trực tuyến. Công nghệ thông tin là một trong
những ngành khoa học ngày càng được quan tâm và sử dụng rộng rãi hơn, đặc biệt
trong lĩnh vực giáo dục ngày nay.
Lập trình cho thiết bị di động và PC đang là xu thế, trong đó có thi ết bị
chạy hệ điều hành android OS, iOS, windows OS... Lập trình web ch ạy trên đa
nền tảng đang là xu thế và phát triển nhanh ở Việt Nam cũng nh ư Thế gi ới.
Vì vậy để giúp đỡ các bạn học sinh trong lớp học tập tốt hơn chúng em đã
cùng nhau tạo ra một trang web hệ thống cho dự án thi khoa học kĩ thuật năm học
2021-2022. Dự án đó có tên là “KIỂM TRA ĐÁNH GIÁ ONLINE MƠN HĨA
HỌC 8, 9”.
II. MỤC ĐÍCH NGHIÊN CỨU
Cơng nghệ thông tin đã hỗ trợ đắc lực khi đại dịch covid-19 hồnh hành
trên tồn thế giới nói chung và Việt Nam nói riêng. Các văn bản c ủa ngành
trong việc thực hiện công nghệ thông tin trong th ời đại 4.0 đã thúc đ ẩy s ự
lớn mạnh và hiệu quả trong công tác giảng dạy cũng nh ư ki ểm tra đánh giá.
Từ đó đã giúp tơi có động lực tìm ra sáng kiến là viết ứng dụng dành cho web
nói chung và thiết bị di động nói riêng với mọi nền tảng.
Tạo sự mới mẻ cho học sinh trong học mơn hóa học cũng nh ư thay đ ổi
cách kiểm tra đánh giá khả năng tự học của học sinh. Với máy tính hoặc điện
thoại thơng minh có mạng internet hoặc wifi là học sinh có th ể h ọc và ki ểm
tra đánh giá mọi lúc mọi nơi.
III. PHƯƠNG PHÁP NGHIÊN CỨU
Soạn đề trắc nghiệm trên word hoặc Google Tài liệu (Google Document)
Tạo bảng dữ liệu chứa đáp án trên Google Sheets
Sau đó viết mã cho phần mềm bằng Sublime Text với các phần gồm html, js,
css…
4
Kiểm tra đánh giá online mơn Hóa Học 8, 9
Để viết chương trình tơi đã tham khảo những tài liệu hướng dẫn về
lập trình web: html, css, javascript. Tơi đã viết code và chạy th ử nghiệm
chương trình để tìm lỗi và khắc phục lỗi.
IV. PHẠM VI NGHIÊN CỨU
Dành cho học sinh học mơn Hóa học lớp 8 và lớp 9 của năm h ọc 2020 – 2021
và học kỳ I và học kỳ II năm học 2021 – 2022.
V. THỰC HIỆN
- Nhập địa chỉ website:
- Click Đăng nhập.
- Gõ địa chỉ email để đăng nhập, click Tiếp theo.
5
Kiểm tra đánh giá online mơn Hóa Học 8, 9
- Gõ password, click Tiếp theo.
- Click vào
chọn
- Sẽ xuất hiện Driver.
Hoặc gõ vào thanh địa chỉ: />
6
Kiểm tra đánh giá online mơn Hóa Học 8, 9
click vào
chọn Google Trang tính và t ạo b ảng ch ứa d ữ li ệu
(Googlesheets) đồng thời viết Google Apps Script và chạy để lấy link th ực thi.
- Kết nối Ứng dụng với Google Trang tính (Googlesheets).
VI. THIẾT KẾ VÀ VIẾT CODE CHO ỨNG DỤNG
1. Giao diện chính của ứng dụng
7
Kiểm tra đánh giá online mơn Hóa Học 8, 9
Phần mềm chạy tốt nhất trên trình duyệt Chrome của Google, Firefox...
Khi khởi động xong, giao diện của phần mềm như sau:
Với thiết kế menu bên trái mang phong cách hiện đại. Mu ốn s ử d ụng
phần nào chúng ta click chuột vào mục tương ứng
2. Các phần của trang web
8
Kiểm tra đánh giá online mơn Hóa Học 8, 9
9
Kiểm tra đánh giá online mơn Hóa Học 8, 9
Code HTML
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="container">
<form>
<nav>
formaction="html/kiemtrathuongxuyenhoahoc8/kiemtrathuongxuyen.html"
formtarget="_blank">Kiểm tra thường xuyên hóa học 8</button>
formaction="html/kiemtrathuongxuyenhoahoc9/kiemtrathuongxuyen.html"
formtarget="_blank">Kiểm tra thường xuyên hóa học 9</button>
formaction="html/kiemtragiuakyhoahoc/kiemtragiuaky.html"
formtarget="_blank">Kiểm tra giữa kỳ hóa học 8, 9</button>
formaction="html/kiemtracuoikyhoahoc/kiemtracuoiky.html"
formtarget="_blank">Kiểm tra cuối kỳ hóa học 8, 9</button>
</nav>
<article>
KIỂM TRA ĐÁNH GIÁ ONLINE
MƠN HĨA HỌC 8, 9
Giới thiệu: Kiểm tra đánh giá online sử dụng ngôn ngữ lập
trình HTML, CSS, JAVASCRIPT, cơ sở dữ liệu là Google Sheets. Ưu điểm của
trang web là chạy trên tất cả thiết bị di động của như PC (đa nền tảng).
Trang web gồm: kiểm tra thường xuyên hóa học 8, 9; kiểm tra giữa kỳ hóa học 8,
9; kiểm tra cuối kỳ hóa học 8, 9 theo quy định hiện hành của ngành giáo dục. Thiết
kế chấm điểm trắc nghiệm tự động, phần tự luận chấm thủ công.
</article>
</form>
<footer>Copyright © 2021-2022</footer>
</div>
</body>
Code CSS
10
Kiểm tra đánh giá online mơn Hóa Học 8, 9
*{margin: 10px 10px;} /*Canh lề cho trang web*/
.kiemtrathuongxuyenhoa8{
height: 60px;
width: 160px;
background: red;
color: white;
font-size: 16px;
border-radius: 10px;
}
.kiemtragiuakyhoa8{
height: 60px;
width: 160px;
background: blue;
color: white;
font-size: 16px;
border-radius: 10px;
}
.kiemtrathuongxuyenhoa9{
height: 60px;
width: 160px;
background: green;
color: white;
font-size: 16px;
border-radius: 10px;
}
.kiemtragiuakyhoa9{
height: 60px;
width: 160px;
background: yellow;
color: red;
font-size: 16px;
border-radius: 10px;
}
.kiemtracuoikyhoa8{
height: 60px;
width: 160px;
background: yellow;
color: red;
font-size: 16px;
border-radius: 10px;
}
.kiemtracuoikyhoa9{
11
Kiểm tra đánh giá online mơn Hóa Học 8, 9
height: 60px;
width: 160px;
background: blue;
color: white;
font-size: 16px;
border-radius: 10px;
}
div.container {
width: 100%;
border: 1px solid gray;
}
header, footer {
padding: 1em;
color: white;
background-color: blue;
clear: left;
text-align: center;
}
nav {
float: left;
max-width: 160px;
margin: 0;
padding: 1em;
}
nav ul {
list-style-type: none;
padding: 0;
}
nav ul a {
text-decoration: none;
}
article {
margin-left: 170px;
border-left: 1px solid gray;
padding: 1em;
overflow: hidden;
}
h1{
color: red;
}
h4{
color: blue;
12
Kiểm tra đánh giá online mơn Hóa Học 8, 9
}
p{
}
color: blue;
font-size: 20px;
font-style: italic;
font-weight: bold;
font-style: oblique;
text-align: justify;
Code JAVA SCRIPT
<script type="text/javascript">
var count = 600; //đặt số giây 600 giây
//var redirect = "chucmung.png";//"";
function countDown(){
var timer = document.getElementById("timer");
if(count > 0){
count--;
timer.innerHTML = "Thời gian làm bài của bạn còn:
<b>"+count+"</b> giây.";
setTimeout("countDown()", 1000);
document.getElementById('submitform').style.visibility = 'hidden';
document.getElementById('xemdiem').style.visibility
= 'hidden';
}else{
//window.location.href = redirect;
document.getElementById('submitform').style.visibility = 'visible';
document.getElementById('xemdiem').style.visibility
= 'visible';
}
}
</script>
Ngồi ra cịn có backend của google sheets dùng để ghi dữ liệu lên trang tính.
Giúp giáo viên và học sinh có thể biết được kết quả và thời gian mình đã nộp
bài.
Code SCRIPT
function doGet(e){
return handleResponse(e);
}
13
Kiểm tra đánh giá online mơn Hóa Học 8, 9
// Enter sheet name where data is to be written below
var SHEET_NAME = "Sheet1";
var SCRIPT_PROP = PropertiesService.getScriptProperties(); // new property
service
function handleResponse(e) {
// shortly after my original solution Google announced the LockService[1]
// this prevents concurrent access overwritting data
// [1] />// we want a public lock, one that locks for all invocations
var lock = LockService.getPublicLock();
lock.waitLock(30000); // wait 30 seconds before conceding defeat.
try {
// next set where we write the data - you could write to multiple/alternate
destinations
var doc = SpreadsheetApp.openById(SCRIPT_PROP.getProperty("key"));
var sheet = doc.getSheetByName(SHEET_NAME);
// we'll assume header is in row 1 but you can override with header_row in
GET/POST data
var headRow = e.parameter.header_row || 1;
var headers = sheet.getRange(1, 1, 1, sheet.getLastColumn()).getValues()[0];
var nextRow = sheet.getLastRow()+1; // get next row
var row = [];
// loop through the header columns
for (i in headers){
if (headers[i] == "Timestamp"){ // special case if you include a 'Timestamp'
column
row.push(new Date());
} else { // else use header name to get data
row.push(e.parameter[headers[i]]);
}
}
// more efficient to set values as [][] array than individually
sheet.getRange(nextRow, 1, 1, row.length).setValues([row]);
// return json success results
return ContentService
.createTextOutput(JSON.stringify({"result":"success", "row": nextRow}))
14
Kiểm tra đánh giá online mơn Hóa Học 8, 9
}
.setMimeType(ContentService.MimeType.JSON);
} catch(e){
// if error return this
return ContentService
.createTextOutput(JSON.stringify({"result":"error", "error": e}))
.setMimeType(ContentService.MimeType.JSON);
} finally { //release lock
lock.releaseLock();
}
function setup() {
var doc = SpreadsheetApp.getActiveSpreadsheet();
SCRIPT_PROP.setProperty("key", doc.getId());
}
Ngoài code của chương trình chính cịn có code của các modul: ki ểm tra
thường xuyên hóa học 8, 9; kiểm tra giữa kỳ hóa học 8, 9; ki ểm tra cu ối kỳ
hóa học 8, 9. Phần code này được trình bày trong ch ương trình ch ạy c ủa
phần mềm.
Phần code chương trình sẽ nằm ở phần phụ lục của sáng kiến này.
VII. KẾT QUẢ NĂM HỌC 2020 - 2021
HỌC KỲ I
8A1
Giỏi
Khá
Trung bình
Yếu
Kém
8A1
Giỏi
Khá
Trung bình
Yếu
Kém
8A2
5
Giỏi
9
Khá
14
Trung bình
13
Yếu
5
Kém
CẢ NĂM
8A2
6
Giỏi
6
Khá
24
Trung bình
8
Yếu
1
Kém
15
7
9
10
16
4
TỔNG
Giỏi
Khá
Trung bình
Yếu
Kém
12
18
24
29
9
7
10
17
13
0
TỔNG
Giỏi
Khá
Trung bình
Yếu
Kém
13
16
41
21
1
Kiểm tra đánh giá online mơn Hóa Học 8, 9
HỌC KỲ I
9A1
Giỏi
Khá
Trung bình
Yếu
Kém
9A2
1
5
5
10
Giỏi
Khá
Trung bình
Yếu
Kém
0
5
17
15
2
TỔNG
Giỏi
Khá
Trung bình
Yếu
Kém
1
10
22
25
2
7
17
12
3
0
TỔNG
Giỏi
Khá
Trung bình
Yếu
Kém
12
24
21
20
0
CẢ NĂM
9A1
Giỏi
Khá
Trung bình
Yếu
Kém
9A2
5
7
9
17
0
Giỏi
Khá
Trung bình
Yếu
Kém
VIII. KẾT LUẬN
Với phần mềm kiểm tra đánh giá online mơn Hóa học 8, 9 giúp học sinh
học trực tuyến và thầy cô đánh giá sự tiếp thu của học sinh tốt hơn. Với cơ sở
dữ liệu của trang web giúp mọi người truy cập mọi lúc mọi nơi.
Nâng cao sự tự học qua phần mềm đồng thời có thể đánh giá kiến th ức
qua việc kiểm tra đánh giá online. Đó cũng là xu thế tất y ếu khi ứng dụng
công nghệ thông tin trong giảng dạy và học tập phù hợp với những quy định
hiện hành của ngành giáo dục.
Định Hiệp, ngày 21 tháng 02 năm 2022
Người thực hiện
16
Kiểm tra đánh giá online mơn Hóa Học 8, 9
Mai Văn Việt
TÀI LIỆU THAM KHẢO
- Tham khảo tài liệu của Google về web, app
- Java
- Java Script
- GS
- Sách giáo khoa hóa học 8, 9
- Mạng internet
17
Kiểm tra đánh giá online mơn Hóa Học 8, 9
PHỤ LỤC
CODE KIỂM TRA THƯỜNG XUYÊN HÓA HỌC 8 LẦN 1
<!doctype html>
<html>
<head>
<title>Kiểm tra trắc nghiệm hóa học 8 lần 1</title>
<span align="left" span style="color:red;font-size:25px">KIỂM TRA TRẮC NGHIỆM
HÓA HỌC 8 LẦN 1</span>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href=" />family=TimeNewRoman">
<style>
*{margin: 5px;}
#test-form{
display: block;
float: left;
width: 500px;
}
#quiz{
display: block;
float: left;
width: 500px;
font-size: 20px;
}
button[type="submit"]{
border: 1px;
outline: blue;
width: 150px;
height: 40px;
background: #fb2525;
color: #fff;
font-size: 18px;
border-radius: 10px;
text-align: center;
}
input[type="hoten"]{
margin: 5px;
padding: 5px;
width: 250px;
height: 25px;
color: blue;
18
Kiểm tra đánh giá online mơn Hóa Học 8, 9
font-size: 16px;
font-style: bold;
display:block;
border: 1px solid blue;
border-bottom: 3px solid blue;
}
input[type="lop"]{
margin: 5px;
padding: 5px;
width: 250px;
height: 25px;
color: blue;
font-size: 16px;
font-style: bold;
display:block;
border: 1px solid blue;
border-bottom: 3px solid blue;
}
input[type="radio"]{
height: 20px;
width: 20px;
}
h2{color: red}
h3{color: #040337}
::placeholder { /* chạy tốt trên Chrome, Firefox, Opera, Safari 10.1+ */
color: blue;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* chạy trên Internet Explorer 10-11 */
color: blue;
}
::-ms-input-placeholder { /* chạy trên Microsoft Edge */
color: blue;
}
</style>
</head>
<script type="text/javascript">
var count = 600; //đặt số giây 600 giây
function countDown(){
var timer = document.getElementById("timer");
if(count > 0){
count--;
timer.innerHTML = "Thời gian làm bài của bạn còn: <b>"+count+"</b>
giây.";
setTimeout("countDown()", 1000);
document.getElementById('submit-form').style.visibility = 'hidden';
19
Kiểm tra đánh giá online mơn Hóa Học 8, 9
document.getElementById('xemdiem').style.visibility = 'hidden';
}else{
document.getElementById('submit-form').style.visibility = 'visible';
document.getElementById('xemdiem').style.visibility = 'visible';
}
}
</script>
<body>
Bài kiểm tra có tất cả 10 câu hỏi, click chọn đáp án đúng.
Hết giờ điền họ tên, lớp và NỘP BÀI
<script type="text/javascript">countDown();</script>
action=" />VetI3f5XtJH5IpN6/exec">
<input type="lop" name="LỚP" size="30" placeholder="Nhập lớp"/>
<div id="quiz">
<hr>
<div class="mySlides">
<b><u>Câu 1:</u></b>Một phân tử A có 1 nguyên tử C và 2 nguyên tử X và
nặng hơn phân tử hidro 22 lần. Vậy nguyên tố X là:
<input type="radio" name="Câu 1" value="A"/>A. O.
<input type="radio" name="Câu 1" value="B"/>B. Cl.
<input type="radio" name="Câu 1" value="C"/>C. H.
<input type="radio" name="Câu 1" value="D"/>D. S.
</div>
<div class="mySlides">
<b><u>Câu 2:</b></u> Một phân tử A có 1 nguyên tử C và 4 nguyên tử X và
nặng hơn phân tử hidro 8 lần. Vậy nguyên tố X là:
<input type="radio" name="Câu 2" value="A"/>A. O.
<input type="radio" name="Câu 2" value="B"/>B. Cl.
<input type="radio" name="Câu 2" value="C"/>C. H.
<input type="radio" name="Câu 2" value="D"/>D. S.
</div>
<div class="mySlides">
<b><u>Câu 3:</b></u> Khi cho giấy quỳ tím ẩm vào hơi amoniac thì giấy quỳ
tím sẽ:
<input type="radio" name="Câu 3" value="A"/>A. Hóa đỏ.
<input type="radio" name="Câu 3" value="B"/>B. Hóa trắng.
<input type="radio" name="Câu 3" value="C"/>C. Hóa tím.
<input type="radio" name="Câu 3" value="D"/>D. Hóa xanh.
</div>
<div class="mySlides">
<b><u>Câu 4:</b></u> Một nguyên tử A có số electron là 6, vậy số p trong hạt
nhân bao nhiêu?
20
Kiểm tra đánh giá online mơn Hóa Học 8, 9
<input type="radio" name="Câu 4" value="A"/>A. 5.
<input type="radio" name="Câu 4" value="B"/>B. 6.
<input type="radio" name="Câu 4" value="C"/>C. 7.
<input type="radio" name="Câu 4" value="D"/>D. 8.
</div>
<div class="mySlides">
<b><u>Câu 5:</b></u> Khối lượng tính bằng gam của nguyên tử Mg
là:
<input type="radio" name="Câu 5" value="A"/>A. 3,9.10⁻²³.
<input type="radio" name="Câu 5" value="B"/>B. 3,98.10⁻²³.
<input type="radio" name="Câu 5" value="C"/>C. 3,99.10⁻²³.
<input type="radio" name="Câu 5" value="D"/>D. 4.10⁻²³.
</div>
<div class="mySlides">
<b><u>Câu 6:</b></u> Khối lượng tính bằng gam của nguyên tử Cu
là:
<input type="radio" name="Câu 6" value="A"/>A. 10,7.10⁻²³.
<input type="radio" name="Câu 6" value="B"/>B. 10,6.10⁻²³.
<input type="radio" name="Câu 6" value="C"/>C. 10,62.10⁻²³.
<input type="radio" name="Câu 6" value="D"/>D. 10,624.10⁻²³.
</div>
<div class="mySlides">
<b><u>Câu 7:</b></u> Nguyên tử khối của bạc là:
<input type="radio" name="Câu 7" value="A"/>A. 108.
<input type="radio" name="Câu 7" value="B"/>B. 105.
<input type="radio" name="Câu 7" value="C"/>C. 100.
<input type="radio" name="Câu 7" value="D"/>D. 98.
</div>
<div class="mySlides">
<b><u>Câu 8:</b></u> Để tách hỗn hợp muối ăn và cát, người ta dựa vào tính
chất:
<input type="radio" name="Câu 8" value="A"/>A. Sinh học.
<input type="radio" name="Câu 8" value="B"/>B. Vật lý.
<input type="radio" name="Câu 8" value="C"/>C. Hóa học.
<input type="radio" name="Câu 8" value="D"/>D. Tốn học.
</div>
<div class="mySlides">
<b><u>Câu 9:</b></u> Cơng thức hóa học nào sau đây sai:
<input type="radio" name="Câu 9" value="A"/>A. CO₂, CO.
<input type="radio" name="Câu 9" value="B"/>B. H₂O, CH₄.
<input type="radio" name="Câu 9" value="C"/>C. HCl, NaCl.
<input type="radio" name="Câu 9" value="D"/>D. H₂Cl, BaCl.
</div>
21
Kiểm tra đánh giá online mơn Hóa Học 8, 9
<div class="mySlides">
<b><u>Câu 10:</b></u> Cơng thức hóa học nào sau đây là công thức của hợp
chất:
<input type="radio" name="Câu 10" value="A"/>A. AxBy.
<input type="radio" name="Câu 10" value="B"/>B. AxByC.
<input type="radio" name="Câu 10" value="C"/>C. AxCy.
<input type="radio" name="Câu 10" value="D"/>D. ABCy.
</div>
</div>
<div id="xemdiem">
center;" target="blank">XEM ĐIỂM</a>
</div>
<button type="submit"id="submit-form" onclick="getElementById('submitform').style.display='none'">NỘP BÀI</button>
<script src=" /><script type="text/javascript">
$(document).ready(function()
{
var submit = $("button[type='submit']");
submit.click(function()
{
var data = $('form#test-form').serialize();
$.ajax({
type : 'GET',
url:' />f5XtJH5IpN6/exec',
dataType:'json',
crossDomain : true,
data : data,
success : function(data)
{
if(data == 'false')
{
alert('Chưa lưu dữ liệu');
}else{
alert('Đã lưu dữ liệu');
}
}
});
return false;
22
Kiểm tra đánh giá online mơn Hóa Học 8, 9
});
});
</script>
<script type="text/javascript">
function ucwords(str,force){
str=force ? str.toLowerCase() : str;
//return str.replace(/(\b)([a-zA-Z-đĐ])/g,
return str.replace(/(^([a-zA-Z-đĐ\p{M}]))|([ -][a-zA-Z-đĐ\p{M}])/g,
function(firstLetter){
return firstLetter.toUpperCase();
});
}
$('input[type="hoten"]').keyup(function(evt){
var cp_value= ucwords($(this).val(),true) ;
$(this).val(cp_value);
});
</script>
<script type="text/javascript">
//khai báo biến slideIndex đại diện cho slide hiện tại
var slideIndex;
// KHai bào hàm hiển thị slide
function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[slideIndex].style.display = "block";
//chuyển đến slide tiếp theo
slideIndex++;
//nếu đang ở slide cuối cùng thì chuyển về slide đầu
//if (slideIndex > slides.length - 1) {
// slideIndex = 0
//}
//tự động chuyển đổi slide sau 60 giây = 60000ms
setTimeout(showSlides, 60000);
}
//mặc định hiển thị slide đầu tiên
showSlides(slideIndex = 0);
</script>
</form>
</body>
GHI CHÚ: Phần code của những phần khác tương tự
23
Kiểm tra đánh giá online mơn Hóa Học 8, 9
CODE KIỂM TRA THƯỜNG XUYÊN HÓA HỌC 9 LẦN 1
<!doctype html>
<html>
<head>
<title>Kiểm tra trắc nghiệm hóa học 9 lần 1</title>
<span align="left" span style="color:red;font-size:25px">KIỂM TRA TRẮC NGHIỆM
HÓA HỌC 9 LẦN 1</span>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href=" />family=TimeNewRoman">
<style>
*{
margin: 5px;
}
#test-form{
display: block;
float: left;
width: 500px;
}
#quiz{
display: block;
float: left;
width: 500px;
font-size: 20px;
}
button[type="submit"]{
border: 1px;
outline: blue;
width: 150px;
height: 40px;
background: #fb2525;
color: #fff;
font-size: 18px;
border-radius: 10px;
text-align: center;
}
input[type="hoten"]{
margin: 5px;
padding: 5px;
width: 400px;
height: 25px;
color: blue;
font-size: 20px;
font-style: bold;
24
Kiểm tra đánh giá online mơn Hóa Học 8, 9
display:block;
border: 1px solid blue;
border-bottom: 3px solid blue;
}
input[type="lop"]{
margin: 5px;
padding: 5px;
width: 250px;
height: 25px;
color: blue;
font-size: 20px;
font-style: bold;
display:block;
border: 1px solid blue;
border-bottom: 3px solid blue;
}
.cau{
margin: 5px;
padding: 5px;
width: 400px;
height: 25px;
color: blue;
font-size: 20px;
border: 1px solid blue;
border-bottom: 3px solid blue;
}
h2{
color: red
}
h3{
color: blue
}
::placeholder { /* chạy tốt trên Chrome, Firefox, Opera, Safari 10.1+ */
color: blue;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* chạy trên Internet Explorer 10-11 */
color: blue;
}
::-ms-input-placeholder { /* chạy trên Microsoft Edge */
color: blue;
}
</style>
</head>
<script type="text/javascript">
var count = 600; //đặt số giây 600 giây
function countDown(){
25
Kiểm tra đánh giá online mơn Hóa Học 8, 9
var timer = document.getElementById("timer");
if(count > 0){
count--;
timer.innerHTML = "Thời gian làm bài của bạn còn: <b>"+count+"</b>
giây.";
setTimeout("countDown()", 1000);
//document.getElementById('submit-form').style.visibility = 'hidden';
document.getElementById('xemdiem').style.visibility = 'hidden';
}else{
document.getElementById('submit-form').style.visibility = 'visible';
document.getElementById('xemdiem').style.visibility = 'visible';
}
}
</script>
<body>
Bài kiểm tra có tất cả 10 câu hỏi, click chọn đáp án đúng.
Hết giờ điền họ tên, lớp và NỘP BÀI
<script type="text/javascript">countDown();</script>
action=" />0ltUNw/exec">
<input type="lop" name="LỚP" size="30" placeholder="Nhập lớp"/>
<div id="quiz">
<hr>
<div class="mySlides">
<b><u>Câu 1:</u></b>Oxit nào sau đây là oxit bazơ?
<input type="radio" name="Câu 1" value="A"/>A. CaO.
<input type="radio" name="Câu 1" value="B"/>B. CO₂.
<input type="radio" name="Câu 1" value="C"/>C. P₂O₅.
<input type="radio" name="Câu 1" value="D"/>D. NO₂.
</div>
<div class="mySlides">
<b><u>Câu 2:</b></u> Dãy oxit nào dưới đây đều tác dụng với nước:
<input type="radio" name="Câu 2" value="A"/>A. BaO, Fe₂O₃.
<input type="radio" name="Câu 2" value="B"/>B. K₂O, MgO.
<input type="radio" name="Câu 2" value="C"/>C. CuO, K₂O.
<input type="radio" name="Câu 2" value="D"/>D. P₂O₅, Na₂O.
</div>
<div class="mySlides">
<b><u>Câu 3:</b></u> Trong các bazơ sau, bazơ nào làm đổi màu quỳ tím thành
xanh:
<input type="radio" name="Câu 3" value="A"/>A. Fe(OH)₃.
<input type="radio" name="Câu 3" value="B"/>B. NaOH.
26
