存款利息计算器html代码,存款收益计算器.html

// 创建标签

var div=document.createElement('div');

document.body.appendChild(div);

var div=document.querySelector('div');

div.style.width='500px';

div.style.height='600px';

div.style.border='1px solid orange';

div.style.textAlign='center';

div.style.margin='0 auto';

var div0=document.createElement('div');

div.appendChild(div0);

div0.style.height='50px';

div0.style.backgroundColor='orange';

div0.innerHTML='存款收益计算器';

div0.style.color='#FFFFFF';

div0.style.lineHeight='50px';

var placs=['存款本金','存款利息','存款期数'];

for (var i=0;i<3;i++) {

var input=document.createElement('input');

div.appendChild(input);

input.style.width='430px';

input.style.height='30px';

input.style.outline='none';

input.style.border='1px solid orange';

input.style.marginTop='20px';

input.placeholder=placs[i];

input.style.padding='0 15px';

}

var button=document.createElement('button');

div.appendChild(button);

button.style.width='460px';

button.style.height='30px';

button.style.border='none';

button.style.marginTop='20px';

button.style.color='white';

button.style.backgroundColor='orange';

button.innerHTML='计算';

var jieguo=document.createElement('p');

div.appendChild(jieguo);

jieguo.style.textAlign='center';

jieguo.style.fontSize='24px';

var inputs=document.querySelectorAll('input');

button.οnclick=function(){

var jg=inputs[0].value*1+inputs[1].value*inputs[2].value;

jieguo.value=jg;

alert('收益加本金为'+jieguo.value);

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史

存款利息计算器html代码,存款收益计算器.html相关推荐

房贷计算器html代码,html房贷计算器输出两个框怎么弄
2016-04-23 01:34龚小艳客户经理欢迎看一下我的计算器, 有程序界面, 你可以参考一下,添加运算功能. 说明:1.共有4个文本框其,其中三个是填入或输出数据的(名称分别是:txta t ...
Windows phone7 软件发布：理财计算器（包括wp7房贷计算器，wp7个税计算器，wp7存款利息计算器）...
前一段时间,需要经常用到贷款计算器的功能,这样有利于我们做出更好的决策.但是我们只能通过银行的工作人员的计算器来计算,给我带来了极大的不便和损失,由此便萌生了开发一个Windows phone7版的贷 ...
python实现50行代码_50行代码实现python计算器主要功能
实现功能:计算带有括号和四则运算的式子 3*( 4+ 50 )-(( 100 + 40 )*5/2- 3*2* 2/4+9)*((( 3 + 4)-4)-4) 基本思路:使用正则表达式提取出每一层小括 ...
java代码计算器_java代码---------计算器实现
总结:虽然,没有人会帮你到底,凭什么要对你怜香惜玉注意实现哪一个运算就把相关代码放在else if这个判断语句里面 package com.rue; import java.awt.BorderLa ...
python tkinter计算器实例_Python+tkinter使用80行代码实现一个计算器实例
Python+tkinter使用80行代码实现一个计算器实例本文主要探索的是使用Python+tkinter编程实现一个简单的计算器代码示例,具体如下. 闲话不说,直奔主题.建议大家跟着敲一遍代码, ...
SONM挖矿收益计算器
SONM推出了一项新的在线服务,允许您通过Sonm:收益计算器评估您当前的计算资源租金收入.该服务主要面向有兴趣销售计算能力的潜在Sonm用户.计算器根据矿工的资源参数和Sonm计算能力市场上的当前采 ...
c语言日期计算器程序代码,旧计算器（C语言代码）
#### 原题链接:[题目486 - ACM在线评测系统](http://nyoj.top/problem/486 "nyoj在线评测") #### 原题内容: **题目描述:** ...
js装修计算器java代码_JavaScript代码实现简单计算器
本文实例为大家分享了JavaScript代码实现简单计算器的具体代码,供大家参考,具体内容如下一.实现功能 (1)利用css样式.javascript语言和html语言实现计算器的算法 (2)对计算 ...
python编写计算器-python代码编写计算器小程序
本文实例为大家分享了python计算器小程序的具体代码,供大家参考,具体内容如下 import tkinter import tkinter.messagebox import math class ...

存款利息计算器html代码,存款收益计算器.html

存款利息计算器html代码,存款收益计算器.html相关推荐

最新文章

热门文章