javascript实现简单的可随机变色网页计算器示例
作者：aitaoke 发布时间：2024-04-16 09:37:07
标签：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>
希望本文所述对大家JavaScript程序设计有所帮助。
0
投稿猜你喜欢
- <?php //作者：遥远的期待 //QQ:15624575 //算法分析：1、必须是整数序列、2、如果整个序列不全是负数，最大子序列
本文实例讲述了JavaScript实现解析INI文件内容的方法。分享给大家供大家参考，具体如下：.ini 是Initialization F- 前言自动化测试中我们存放数据无非是使用文件或者数据库，那么文件可以是csv，xlsx，xml，甚至是txt文件，通常excel文件往往是我们
- 微信更新后出来了一块比较火的小游戏，要是一款不涉及到排行的游戏，可能 没人去关注这款游戏。最开自己一直苦练技术，想在微信排行上面装一装，练了
- 环境介绍python3.5.2 64位django 1.10.3apache 2.4 64位windows 10重点在apache上。pyt
- 国旗是一个国家的象征，它可以反映一个国家的特色和传统，国旗起源于近代的欧洲，是一个国家主权意识不断增强后的必然产物，本文我们使用 Pytho
- 本文实例讲述了python冒泡排序简单实现方法。分享给大家供大家参考。具体实现方法如下：#!/usr/bin/pythonimport ra
- asp数字分页涵数参数说明：SQL: 查询语句，PageSizeN: 每页显示多少新闻记录classid: 栏目ID，PageCountS:
- 概述数据库中的数据直接呈现出来一般不是我们想要的，所以我们上两节演示了如何对数据进行过滤的方法。除了对数据进行过滤，我们可能还需要对数据进行
- #coding=utf-8__auther__ = 'xianbao'import sqlite3# 打开数据库def op
- 前言（结尾有彩蛋欧）目前，许多网站采取各种各样的措施来反爬虫，其中一个措施便是使用验证码。随着技术的发展，验证码的花样越来越多。验证码最初是
- 前言ppi-cpi 剪刀差大家可能都听说过，通过这个指标可以了解当前的经济运行状况，小编为了学习 python 的图形绘制，通过爬
- 本文实例讲述了Go语言压缩和解压缩tar.gz文件的方法。分享给大家供大家参考。具体分析如下：golang处理压缩包,最常用的就是tar.g
- 1.添加文本标签 plt.text()用于在绘图过程中，在图像上指定坐标的位置添加文本。需要用到的是plt.text()方法。&em
- 我们之前一直都在使用的urlopen，这是一个特殊的opener（也就是模块帮我们构建好的）。但是基本的urlopen()方法不支持代理、c
- 1、使用说明首先说明，本文所使用的功能为pycharm专业版所支持，其他版本如社区版，教育版，则不一定支持。作为一名后端开发，我猜你的桌面上
- 前言numpy.random 模块对 Python 内置的 random 进行了补充，增加了一些用于高效生成多种概率分布的样本值的函数，如正
- 一、安装PILPIL是Python Imaging Library简称，用于处理图片。PIL中已经有图片高斯模糊处理类，但有个bug（目前最
- Bug如题目所描述。尝试过将按钮的image指向的变量
- 一、导包import pandas as pdimport matplotlib.pyplot as plt二、绘制简单折线数据：有一个Ex
