HTML&CSS实训（网页练题系统）

目录

前言

​编辑

 自动批改并计算做对的题目​编辑

 源码

 全局颜色配置

批改源码 

---

前言

这是一个基于HTML和css的一些技术创建的一个简单网页实训练题系统

本章用到的资源我已经打包上传到https://download.csdn.ne直接点击下载即可

或者在评论留言，我看到后将会第一时间把资源私信给你

---

解压压缩包后直接双击网页入口，打开方式 任意浏览器​​​​​​​

 打开后左边是我们的任务栏，点击响应的选项即可跳到对应的页面中去

 

 自动批改并计算做对的题目

在选项都选择好后，点击查看成绩，此时就会自动批改，并在每题下面提示我们的选项正确还是错误 ，计算出我们总共答对的题

 源码

这是一个js文件，可以在这里更改我们题目的标题，选项，以及正确答案

这里正确答案统一value =“t” 

 全局颜色配置

这里配置着我们练题网页的背景颜色，选择框的渐变颜色 ，可以根据自己的喜好自己定义

​​​​​​​ 

批改源码 

 用户密码验证

此处的用户姓名密码验证我没有用，有需要的可以自行加入

function bdyz(){
var xm=document.forms["bd"]["xm"].value;//获取输入的姓名
var mm=document.forms["bd"]["mm"].value;//获取输入的密码
console.log(xm);
console.log(mm);
// 判断输入姓名和密码是否正确
if(xm=="123" && mm=="123"){
alert("xm mm zq");//弹出警告框
return true;
	}
    else{
    alert("xm huo mm cw");
    return false;
    }
}