javascript编程例子
JavaScript是一种流行的编程语言,适用于Web开发,并且可以用于开发桌面应用程序。 它广泛应用于网页动态效果、数据交互、表单验证、图像滚动等网页开发中。
1. 计算器
这个例子是JavaScript中最基本的例子之一。用JavaScript编写一个计算器可以帮助学生们更好地理解如何编写代码。
这里是一个简单的计算器例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Calculator</title>
</head>
<body>
<h1>JavaScript Calculator</h1>
<form name="calculator">
<input type="text" name="result" value="0">
<br><br>
<input type="button" value="1" onclick="sult.value+='1'">
<input type="button" value="2" onclick="sult.value+='2'">
<input type="button" value="3" onclick="sult.value+='3'">
<input type="button" value="+" onclick="sult.value+='+'">
<br>
<input type="button" value="4" onclick="sult.value+='4'">
<input type="button" value="5" onclick="sult.value+='5'">
<input type="button" value="6" onclick="sult.value+='6'">
<input type="button" value="-" onclick="sult.value+='-'">
<br>
<input type="button" value="7" onclick="sult.value+='7'">
<input type="button" value="8" onclick="sult.value+='8'">
<input type="button" value="9" onclick="sult.value+='9'">
<input type="button" value="*" onclick="sult.value+='*'">
<br>
<input type="button" value="clear" onclick="sult.value=''">
<input type="button" value="0" onclick="sult.value+='0'">
<input type="button" value="=" onclick="sult.value=sult.value)">
<input type="button" value="/" onclick="sult.value+='/'">
</form>
</body>
</html>
```
2. 时钟
时钟是Web开发中最基本的应用之一。 通过使用JavaScript,可以创建一个简单的时钟,
并在网页上显示当前时间。
```html
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Clock</title>
</head>
<body onload="startTime()">
<h1>JavaScript Clock</h1>
<div id="clock"></div>
<br>
<button onclick="stopTime()">Stop Time</button>
</body>
<script>
function startTime() {
var today = new Date();
var h = Hours();
var m = Minutes();
var s = Seconds();
m = checkTime(m);
s = checkTime(s);
ElementById('clock').innerHTML =
h + ":" + m + ":" + s;
var t = setTimeout(startTime, 500);
}
function checkTime(i) {
if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10
return i;
}
function stopTime() {
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论