java學生管理系統遇到的難題_寫一個小demo過程中遇到的各種問題 學生管理考勤系統（網頁模拟）...

*{

margin:0;

padding:0;

}

body,html{

width:100%;

height:100%;

}

body{

background-image: url("img/jhk-1549033898060.jpg");

background-size: 120%;

background-position: 50% 50%;

background-repeat: no-repeat;

font-family: "方正顔宋簡體";

background-attachment: fixed;

height:90%;}

.imfor{

width:100%;

height:20%;

}

.systemimfo{

text-align: center;

font-size: 53px;

margin-top: 10px;

}

.version{

font-size: 18px;

}

.teacher{margin-top: 1%;

}

button.btn{

margin-top: 3%;

width: 220px;

height: 45px;

margin-right: 30px;

font-size: 18px;

margin-left: 2%;

}

.btngroup{

position: relative;

top:17%;

left:17%;

width:66%;

height:55%;text-align: center;

vertical-align: middle;

padding-top: 2px;

font-size: 21px;

margin-bottom: 150px;

把這行放回去，這裡注釋掉是友善調試}

div.btngroup button{

height:16%;

width:19%;

margin-top: 18px;

color: aliceblue;

border: 1px solid skyblue;

background-color: rgb(52, 173, 238);

border-radius: 10px;

}

div.btngroup button:hover{

box-shadow: 3px 3px goldenrod;

}

.unattendance{

position: absolute;

top:39%;

left:66%;

width:30%;

height:45%;

border: 1px solid firebrick;

}

#end{

background-color: red;

height:15%;

color: antiquewhite;

margin-top: 20px;

border: 1px solid darkorange;

}

#end:hover{

box-shadow: 1px 2px lightskyblue

}

學生管理考勤系統

Version:1.0.0

授課教師：

授課班級：

确認資訊并開始考勤

學生姓名

var stat = document.getElementById("end");var absent = document.getElementById("absent");var clear = document.getElementById("clear");//var temp = [];

//console.log(btn);

//console.log(btngroup);

//console.log(imfor);

functionchange(into){//var style = window.getComputedStyle(into);

console.log(into);

into.style= "background-color:orange;"

//into.style.backgroundColor = "orange";

}　　　　　//本來用的是這個寫法，但是估計又栽在了閉包問題上，于是隻能換上面那種笨比寫法

//for(let i = 0; i < btn.length;i++){

//btn_style = window.getComputedStyle(btn[i]);

//btn[i].onclick = function(){

//console.log("?");

//if(btn_style.backgroundColor == "rgb(52, 173, 238)"){

console.log(arguments[0]);

//btn[i].style.backgroundColor = "orange";

//}

//}

//};

//

//

//等搞定了閉包回來實作這個

//for(let j = 0; j < btn.length; j++){

//btn_style = window.getComputedStyle(btn[j]);

//stat.onclick = function(){

//if(btn_style.backgroundColor == "orange"){

//temp += " ";

//temp += btn[j].innerHTML;

//console.log("1");

//}

//}

//};