html静态网页：自动出题评分系统

效果： 学习交流群：970353786非常勿扰 源码：

	
		
		
        
            *{
                padding: 0;
                margin: 0;
            }
            #app{
                width: 800px;
                height: 600px;
                border: 4px solid green;
                margin: 0 auto;
            }
            #titleBox{
                width: 100%;
                height: 80px;
                /* border: 4px solid green;
                margin: -4px; */
                border-bottom: 4px solid green;
            }
            #questionsBox{
                width: 100%;
                height: 440px;
                border-bottom: 4px solid green;
            }
            #submitBox{
                width: 100%;
                height: 72px;
                line-height: 72px;
                text-align: center;
            }
            #titleBox div{
                float: left;
            }
            #titleBox .div1,#titleBox .div3{
                width: 150px;
                height: 80px;
                line-height: 80px;
                /* background-color: aqua; */
                text-align: center;
                font-size: 30px;
            }
            #titleBox .div1{
                color: green;
                cursor: pointer;
            }
            #titleBox .div3{
                color: red;
                font-size:25px ;
                display: none;
            }
            #titleBox .div2{
                width: 500px;
                height: 80px;
                text-align: center;
            }
            #submitBox button{
                width: 95%;
                height: 40px;
                background-color: #008000;
                font-size: 28px;
                border: none;
                border-radius: 28px;
            }
            #questionsBox ul{
                list-style: none;
            }
            #questionsBox ul li{
                float: left;
                width: 180px;
                font-size: 25px;
                text-align: right;
                margin-top: 40px;
            }
            #questionsBox ul li input{
                width: 60px;
                font-size: 25px;
            }
        
	
	
        
            
                重新出题
                
                    自动出题和评分系统
                    (小学生100以内加减法运算)
                
                得分：XXX分
            
            
                
                    
                
            
            
                提交
            
        
	
    
        getQuestions();
        
        function getQuestions(){
            var ul = document.querySelector("#questionsBox ul");
            for (var i = 1; i = b) {
                            break;
                        } 
                    }
                    if(op == "+"){
                        if (a + b