JavaScript實現(xiàn)簡易加法計算器
更新時間：2021年03月31日 08:40:01 作者：小小小青臺
這篇文章主要介紹了JavaScript實現(xiàn)簡易加法計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了JavaScript實現(xiàn)加法計算器的具體代碼，供大家參考，具體內(nèi)容如下
具體要求：
1.頁面布局:
2.還需要在點擊計算按鈕之后在頁面上顯示計算結(jié)果
具體實現(xiàn)：
<html>
<head>
<meta charset="utf-8">
<title>計算器</title>
<script>
function myck(type){
var num1 = document.getElementById("num1");
var num2 = document.getElementById("num2");
if(type==1){
// 計算操作
var result = parseInt(num1.value) + parseInt(num2.value);
alert(result);
document.getElementById("resultDiv").innerText ="最終計算結(jié)果："+
result;
}else if(type==2){
if(confirm("是否正確清空？")){
// 清空
num1.value = "";
num2.value = "";
document.getElementById("resultDiv").innerText="";
}
}
}
</script>
</head>
<body>
<div style="margin-top: 100px;margin-left: 500px;">
<span style="font-size: 60px;">加法計算器</span>
</div>
<div>
<div class="innerDiv" style="margin-left: 550px;">
數(shù)字1：<input id="num1" type="number" placeholder="請輸入數(shù)字1">
</div>
</div>
<div>
<div class="innerDiv" style="margin-left: 550px;">
數(shù)字2：<input id="num2" type="number" placeholder="請輸入數(shù)字2">
</div>
</div>
<div>
<div style="margin-left: 600px;" class="innerDiv">
<input type="button" onclick="myck(1)" value="計 算">
<input type="button" onclick="myck(2)" value="清 空">
</div>
</div>
<div id="resultDiv">
</div>
</body>
<style>
.innerDiv{
margin-left: 420px;
margin-top: 20px;
}
</style>
</html>
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了微信小程序搖一搖功能，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-11-11
這篇文章主要為大家詳細介紹了js實現(xiàn)電子時鐘功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
本文淺析一下為什么Map（和WeakMap）在處理大量DOM節(jié)點時特別有用，文中的代碼示例介紹的非常詳細，感興趣的小伙伴可以借鑒閱讀2023-05-05
很早之前就想分享這篇心得，幸之今天能在這里完成，好了，話不多說，進入正題。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
支持IE和FF的div＋css選項卡...2006-11-11
本文給大家分享的是JavaScript制作的一個兼容IE6+以及主流瀏覽器的分頁插件，非常的不錯，有需要的小伙伴可以參考下2016-09-09
這篇文章主要介紹了JavaScript是如何實現(xiàn)繼承的，有需要的朋友可以參考一下2013-12-12
javascript游戲開發(fā)之《三國志曹操傳》零部件開發(fā)(五)可移動地圖的實現(xiàn)
首先來說，我對游戲開發(fā)可以算是不怎么深入，因為現(xiàn)在的程序員愛用canvas，我卻就只會拿幾個div湊和。不過沒關(guān)系，因為做出來的同樣是游戲。哈！廢話最近有點多，感興趣的朋友可以了解下2013-01-01
JavaScript?顯示一個倒計時廣告牌的實現(xiàn)示例
本文主要介紹了JavaScript?顯示一個倒計時廣告牌的實現(xiàn)示例，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
momentjs獲取上周、上月、前三個月的起始和結(jié)束時間(附完整代碼)
這篇文章主要給大家介紹了關(guān)于momentjs獲取上周、上月、前三個月的起始和結(jié)束時間的相關(guān)資料,在需要你進行日期處理的地方,必然少不了moment.js的使用,需要的朋友可以參考下2023-07-07