乘法表:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
<script>
for(var i = 1; i <= 9; i++){
for(var j = 1; j <= i;j++){
document.write(j+"*"+ i*j +" ");
}
document.write("<br/>")
}
</script>
100奇数之和:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
<script>
var sum = 0;
var i = 1;
while(i <=100){
if(i % 2 != 0){
sum +=i;
}
i++;
}
console.log(sum);
var sum1 = 0;
var i1 = 1;
do{
if(i1 % 2 !=0){
sum1 +=i1;
}
i1++;
}while(i1 <= 100);
console.log(sum1);
var sum2 = 0;
for(var i = 1; i<= 100; i++){
if(i % 2 != 0){
sum2 += i;
}
}
console.log(sum2);
</script>
点名表:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
text-align: center;
}
table{
margin: 0 auto;
}
</style>
</head>
<body>
</body>
</html>
<script>
var mingdan = ['张三','李四','王五','赵六','孙七','王八','贾九','宋十','王十一','赵十二','李十三','王十四','赵十五','李十六','王十七','赵十八','李十九','王二十','李二一','王二二'];
document.write("<table border ='1'>");
for(var i = 0; i < 4; i++){
document.write("<tr>");
for(var j = 0; j < 5; j++){
document.write("<td class='td_" + (i*5+j) + "'>" + mingdan[i * 5 + j] + "</td>");
}
document.write("</tr>");
}
document.write("</table>");
document.write("<input type='button' id='dianming' value='点名'/>");
var dianming = document.getElementById("dianming");
dianming.onclick = function(){
var randnum = Math.round(Math.random() * 19);
alert(mingdan[randnum]);
var td = document.getElementsByClassName("td_" + randnum)[0];
var red = Math.round(Math.random() * 255);
var green = Math.round(Math.random() * 255);
var blue = Math.round(Math.random() * 255);
td.style.backgroundColor = 'rgb(' + red + "," + green + "," + blue + ")";
}
for(var n = 0; n < td.length; n++){
td[n].onmouseover = function(){
var red = Math.round(Math.random() * 255);
var green = Math.round(Math.random() * 255);
var blue = Math.round(Math.random() * 255);
this.style.backgroudnColor = 'rgb(' + red + "," + green + "," + blue + ")";
}
}
</script>
