欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript實(shí)現(xiàn)網(wǎng)頁計(jì)算器

 更新時(shí)間：2022年07月05日 07:05:22   作者：但行好事wlw  
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了JavaScript實(shí)現(xiàn)網(wǎng)頁計(jì)算器的具體代碼，供大家參考，具體內(nèi)容如下

我們學(xué)完了函數(shù)，做一個(gè)網(wǎng)頁計(jì)算器的小案例，鞏固一下。

共兩個(gè)案例：

案例一圖：

相加：

相減：

相乘：

相除：

代碼如下：

結(jié)構(gòu)：

<p>整數(shù)1： <input type="text" name="" id="num1"> </p>
<p>整數(shù)2： <input type="text" name="" id="num2"> </p>
? ? <p>
? ? ? ? <input type="button" value="相加" onclick="math(add)">
? ? ? ? <input type="button" value="相減" onclick="math(fuck)">
? ? ? ? <input type="button" value="相乘" onclick="math(doubles)">
? ? ? ? <input type="button" value="相除" onclick="math(fucks)">
? ? </p>
? ? <p>結(jié)果：<input type="text" name="" id="result"></p>
? ?
?? ? <script>
? ? ? ? function math(func) {
? ? ? ? ? ? var result = document.getElementById('result');
? ? ? ? ? ? var num1 = parseInt(document.getElementById('num1').value);
? ? ? ? ? ? var num2 = parseInt(document.getElementById('num2').value);
? ? ? ? ? ? if (isNaN(num1) || isNaN(num2)) {
? ? ? ? ? ? ? ? alert('輸入數(shù)字，你個(gè)傻吊');
? ? ? ? ? ? ? ? return false;
? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? result.value = func(num1, num2);
? ? ? ? ? ? }
? ? ? ? }

? ? ? ? function add(num1, num2) {
? ? ? ? ? ? return num1 + num2;
? ? ? ? }

? ? ? ? function fuck(num1, num2) {
? ? ? ? ? ? return num1 - num2;
? ? ? ? }

? ? ? ? function doubles(num1, num2) {
? ? ? ? ? ? return num1 * num2;
? ? ? ? }

? ? ? ? function fucks(num1, num2) {
? ? ? ? ? ? return num1 / num2;
? ? ? ? }
</script>

案例二：

案例圖：（實(shí)現(xiàn)案例圖上的功能）

<script>
? ? ? ? while (true) {
? ? ? ? ? ? var choose = parseInt(prompt('歡迎使用簡易計(jì)算器：' + '\n' + '1.加法操作' + '\n' + '2.減法操作' + '\n' + '3.乘法操作' + '\n' + '4.除法操作' + '\n' + '5.退出'));
? ? ? ? ? ? if (choose > 5 || choose <= 0) {
? ? ? ? ? ? ? ? alert('請(qǐng)輸入1-5之間的選項(xiàng)...');
? ? ? ? ? ? ? ? continue;
? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? if (choose == 1) {
? ? ? ? ? ? ? ? ? ? alert('歡迎使用加法計(jì)算器，請(qǐng)輸入需要計(jì)算的兩個(gè)數(shù)值');
? ? ? ? ? ? ? ? ? ? var num1 = parseFloat(prompt('第一個(gè)數(shù)值：'));
? ? ? ? ? ? ? ? ? ? var num2 = parseFloat(prompt('第二個(gè)數(shù)值：'));
? ? ? ? ? ? ? ? ? ? alert('結(jié)果為：' + (num1 + num2));
? ? ? ? ? ? ? ? ? ? continue;
? ? ? ? ? ? ? ? } else if (choose == 2) {
? ? ? ? ? ? ? ? ? ? alert('歡迎使用減法計(jì)算器，請(qǐng)輸入需要計(jì)算的兩個(gè)數(shù)值');
? ? ? ? ? ? ? ? ? ? var num1 = parseFloat(prompt('第一個(gè)數(shù)值：'));
? ? ? ? ? ? ? ? ? ? var num2 = parseFloat(prompt('第二個(gè)數(shù)值：'));
? ? ? ? ? ? ? ? ? ? alert('結(jié)果為：' + (num1 - num2));
? ? ? ? ? ? ? ? ? ? continue;
? ? ? ? ? ? ? ? } else if (choose == 3) {
? ? ? ? ? ? ? ? ? ? alert('歡迎使用乘法計(jì)算器，請(qǐng)輸入需要計(jì)算的兩個(gè)數(shù)值');
? ? ? ? ? ? ? ? ? ? var num1 = parseFloat(prompt('第一個(gè)數(shù)值：'));
? ? ? ? ? ? ? ? ? ? var num2 = parseFloat(prompt('第二個(gè)數(shù)值：'));
? ? ? ? ? ? ? ? ? ? alert('結(jié)果為：' + (num1 * num2));
? ? ? ? ? ? ? ? ? ? continue;
? ? ? ? ? ? ? ? } else if (choose == 4) {
? ? ? ? ? ? ? ? ? ? alert('歡迎使用加法計(jì)算器，請(qǐng)輸入需要計(jì)算的兩個(gè)數(shù)值');
? ? ? ? ? ? ? ? ? ? var num1 = parseFloat(prompt('第一個(gè)數(shù)值：'));
? ? ? ? ? ? ? ? ? ? var num2 = parseFloat(prompt('第二個(gè)數(shù)值：'));
? ? ? ? ? ? ? ? ? ? alert('結(jié)果為：' + (num1 / num2));
? ? ? ? ? ? ? ? ? ? continue;
? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? alert('歡迎再次使用');
? ? ? ? ? ? ? ? ? ? alert('再見');
? ? ? ? ? ? ? ? ? ? break;
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }

? ? ? ? }
</script>

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • js面向?qū)ο笾畬?shí)現(xiàn)淘寶放大鏡

    js面向?qū)ο笾畬?shí)現(xiàn)淘寶放大鏡

    這篇文章主要為大家詳細(xì)介紹了js面向?qū)ο笾畬?shí)現(xiàn)淘寶放大鏡，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2020-01-01
  • JS使用貪心算法解決找零問題示例

    JS使用貪心算法解決找零問題示例

    這篇文章主要介紹了JS使用貪心算法解決找零問題,簡單描述了找零問題,并結(jié)合具體實(shí)例分析了javascript使用貪心算法解決找零問題的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2017-11-11
  • Javascript控制div屬性動(dòng)態(tài)變化實(shí)例分析

    Javascript控制div屬性動(dòng)態(tài)變化實(shí)例分析

    這篇文章主要介紹了Javascript控制div屬性動(dòng)態(tài)變化,以實(shí)例形式較為詳細(xì)的分析了JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁面元素屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-10-10
  • js拼接字符串時(shí)如何在中間加上空格

    js拼接字符串時(shí)如何在中間加上空格

    這篇文章主要介紹了js拼接字符串時(shí)如何在中間加上空格的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
    2022-09-09
  • 如何利用JavaScript實(shí)現(xiàn)二叉搜索樹

    如何利用JavaScript實(shí)現(xiàn)二叉搜索樹

    這篇文章主要給大家介紹了關(guān)于如何利用JavaScript實(shí)現(xiàn)二叉搜索樹的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-04-04
  • 通過網(wǎng)頁查看JS源碼中漢字顯示亂碼的解決方法

    通過網(wǎng)頁查看JS源碼中漢字顯示亂碼的解決方法

    這篇文章給大家主要介紹了通過網(wǎng)頁查看JS源碼的時(shí)候，發(fā)現(xiàn)漢字顯示是亂碼的解決方法，文中通過圖文詳解的介紹了解決的步驟，詳細(xì)會(huì)對(duì)大家很有幫助，有需要的朋友們下面來一起看看吧。
    2016-10-10
  • js實(shí)現(xiàn)貪吃蛇小游戲

    js實(shí)現(xiàn)貪吃蛇小游戲

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)貪吃蛇小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2019-10-10
  • 淺談原型對(duì)象的常用開發(fā)模式

    淺談原型對(duì)象的常用開發(fā)模式

    下面小編就為大家?guī)硪黄獪\談原型對(duì)象的常用開發(fā)模式。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-07-07
  • 輕松實(shí)現(xiàn)javascript圖片輪播特效

    輕松實(shí)現(xiàn)javascript圖片輪播特效

    這篇文章主要幫助大家輕松實(shí)現(xiàn)javascript圖片輪播特效，點(diǎn)擊標(biāo)簽還可以實(shí)現(xiàn)圖片切換，感興趣的小伙伴們可以參考一下
    2016-01-01
  • JS實(shí)現(xiàn)的簡潔二級(jí)導(dǎo)航菜單雛形效果

    JS實(shí)現(xiàn)的簡潔二級(jí)導(dǎo)航菜單雛形效果

    這篇文章主要介紹了JS實(shí)現(xiàn)的簡潔二級(jí)導(dǎo)航菜單雛形效果,通過簡單的JavaScript響應(yīng)鼠標(biāo)事件遍歷頁面元素實(shí)現(xiàn)二級(jí)導(dǎo)航菜單切換的效果,非常簡單實(shí)用,需要的朋友可以參考下
    2015-10-10

最新評(píng)論