1、变量互换值与九九乘法表的实现
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>互换变量和九九乘法表</title>
</head>
<body>
<script type="text/javascript">
window.onload = function(){
var a=5;
console.log("a=",a);
var b=2;
console.log("b=",b);
b=a-b;
a=a-b;
b=a+b;
console.log("变换后");
console.log("a=",a);
console.log("b=",b);
console.log("九九乘法表");
for ( var x = 1; x <= 9; x++) {
str="";
for ( var y = 1; y <= x; y++) {
str+=x+"×"+y+"="+(x * y)+" ";
}
console.log(str);
}
}
</script>
</body>
</html>
2、通过js获取输入框中的vlaue值
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>获取输入框的值</title>
<script type="text/javascript">
window.οnlοad=function(){
var bt=document.getElementById("bt2");
var btt=document.getElementById("bt1");
bt.οnclick=function(){
alert(bt1.value);
}
}
</script>
</head>
<body>
请输入内容<input type="text" id="bt1" />
<input type="button" id="bt2" value="获取输入数据" />
</body>
</html>
3、点击某个元素,更改该元素的样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>点击某个元素,更改该元素的样式</title>
</head>
<body>
<button type="button" id="but">点击变颜色</button>
</body>
<script type="text/javascript">
var but=document.getElementById("but");
function randomColor() {
var colorArr = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"];
var colorVal = "#";
for(i = 0; i < 6; i++) {
colorVal += colorArr[Math.round(15*Math.random())];
}
return colorVal;
}
but.οnclick=function () {
this.style.backgroundColor = randomColor();
}
</script>
</html>