網頁的魔術師 -- Javascript
開玩笑的 XD
console.log("Hello");
console.nogg("World");
console.log("Welcome to ttucscec!");
R=0;x1=.1;y1=.05;x2=.25;y2=.24;x3=1.6;y3=.24;x4=300;y4=200;x5=300;y5=200;DI=document.getElementsByTagName("img");DIL=DI.length;function A(){for(i=0;i-DIL;i++)DIS=DI[i].style,DIS.position="absolute",DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5+"px",DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5+"px";R++}setInterval("A()",5);
document.body.contentEditable = true
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HelloWorld</title>
</head>
<body>
<h1>Lesson 6 -- Javascript!</h1>
<input type="text" id="a1">
<input type="text" id="a2">
<button onclick="javascript:alert('HelloWorld')">ClickMe!</button>
<button onclick="javascript:mult(a1.value, a2.value)">Multiple!</button>
<script>
function math(a, b) {
return a * b;
}
function mult(a, b) {
alert(math(a, b));
}
</script>
</body>
</html>
var x; // Now x is undefined
var x = 5; // Now x is a Number
var x = "EnHou"; // Now x is a String
var x += 5; // Concept
var x = "'"; // Single quotes inside double quotes
typeof "EnHou" // Returns string
typeof 3.14 // Returns number
typeof NaN // Returns number
typeof false // Returns boolean
typeof [1,2,3,4] // Returns object
typeof {name:'EnHou', age:22} // Returns object
typeof new Date() // Returns object
typeof function () {} // Returns function
typeof myCar // Returns undefined (if myCar is not declared)
typeof undefined // Returns undefined
typeof null // Returns object
typeof undefined // undefined
typeof null // object
null === undefined // false
null == undefined // true
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HelloWorld</title>
</head>
<body>
<h1>Lesson 6 -- Javascript!</h1>
<input type="text" id="a1">
<input type="text" id="a2">
<button onclick="javascript:alert('HelloWorld')">ClickMe!</button>
<button onclick="javascript:mult(a1.value, a2.value)">Multiple!</button>
<script>
function math(a, b) {
return a * b;
}
function mult(a, b) {
alert(math(a, b));
}
var EnHao = 21;
console.log("主恩好帥,距離18歲已經過了" + (EnHao - 18) + '年,誠徵女友');
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HelloWorld</title>
</head>
<body>
<h1>Lesson 6 -- Javascript!</h1>
<input type="text" id="a1">
<input type="text" id="a2">
<button onclick="javascript:alert('HelloWorld')">ClickMe!</button>
<button onclick="javascript:mult(a1.value, a2.value)">Multiple!</button>
<script>
math = function(a, b) {
return a * b;
}
function mult(a, b) {
alert(math(a, b));
}
var EnHao = 21;
console.log("主恩好帥,距離18歲已經過了" + (EnHao - 18) + '年,誠徵女友');
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HelloWorld</title>
</head>
<body>
<h1>Lesson 6 -- Javascript!</h1>
<button onclick="javascript:handsome(1)">ClickMe!</button>
<script>
function handsome(level) {
if (level >= 100)
alert("跟 Sunny 一樣好帥")
else if (level > 50 && level < 100)
alert("雖然比不上 Sunny 不過還算帥");
else
alert("長得醜不是你的錯但跑出來嚇人就是你的不對了");
}
var EnHao = {
age: 21,
height: 187,
handsome: 100
};
console.log("主恩好帥,距離18歲已經過了" + (EnHao.age - 18) + '年,誠徵女友');
handsome(EnHao.handsome);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HelloWorld</title>
</head>
<body>
<h1>Lesson 6 -- Javascript!</h1>
<script>
for (var i = 0; i < 3; ++i) {
console.log("主恩好帥");
}
while (i++ < 65536) {
console.log("Sunny 好帥");
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HelloWorld</title>
</head>
<body>
<h1>Lesson 6 -- Javascript!</h1>
<button id="cm">點我</button>
<script>
cm.onclick = function() {
alert("Sunny 好帥!")
}
</script>
</body>
</html>