这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 javascript 实现简单的可随机变色网页计算器, 具有基本的四则运算与背景色随机变换功能, 需要的朋友可以参考下
本文实例讲述了 javascript 实现简单的可随机变色网页计算器。分享给大家供大家参考,具体如下:
该程序能实现简单的加、减、乘、除、求余,页面还添加了随机变换颜色的功能。
运行效果图如下:
完整实例代码如下:
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
- <HTML>
- <HEAD>
- <TITLE>
- Day 2
- </TITLE>
- <META NAME="Generator" CONTENT="EditPlus">
- <META NAME="Author" CONTENT="">
- <META NAME="Keywords" CONTENT="">
- <META NAME="Description" CONTENT="">
- <script>
- function calculator() {
- var selection = document.form.selection.value;
- var numb1 = document.form.number1.value;
- var numb2 = document.form.number2.value;
- var relnum = "";
- switch (selection) {
- case "+":
- relnum = parseFloat(numb1) + parseFloat(numb2);
- break;
- case '-':
- relnum = numb1 - numb2;
- break;
- case '*':
- relnum = numb1 * numb2;
- break;
- case '/':
- if (numb2 == 0) alert("wrong input! ");
- relnum = numb1 / numb2;
- break;
- case '%':
- relnum = numb1 % numb2;
- break;
- }
- document.form.result.value = relnum;
- }
- function sound() {
- document.all.sound.src = "clock.wav";
- }
- function changeBgcolor() {
- var bgc = document.getElementById("idbgc");
- var rand = "";
- for (var i = 0; i < 6; i++) {
- rand += Math.round(Math.random() * 9)
- }
- bgc.style.backgroundColor = '#' + rand;
- }
- </script>
- </HEAD>
- <BODY bgcolor="aliceblue" id="idbgc">
- <h1>
- simple web calculator
- </h1>
- <form name="form" action="">
- <input type=text name="number1" style="width:80px ">
- <select name="selection">
- <option value='+'>
- +
- <option>
- <option value='-'>
- -
- <option>
- <option value='*'>
- *
- <option>
- <option value='/'>
- /
- <option>
- <option value='%'>
- %
- <option>
- </select>
- <input type=text name="number2" style="width:80px ">
- <input type="button" value=" = " onclick="calculator(),changeBgcolor()">
- <input type=text name="result" style="width:80px ">
- <br>
- <input type="reset" value="reset" onclick="changeBgcolor()">
- </form>
- </BODY>
- </HTML>
PS:这里再为大家推荐两款本站的在线计算器,都是采用 js 实现,且功能强大,相信对于大家深入了解 JavaScript 数学运算及 web 设计有所帮助:
希望本文所述对大家 JavaScript 程序设计有所帮助。
来源: http://www.phperz.com/article/17/0718/328981.html