HTML實現計算器功能

阿新 • • 發佈：2018-11-13

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript">

        var numresult;
        var str;
        function onclicknum(nums)
        {
            str = document.getElementById("nummessege");
            str.value = str.value + nums;
        }
        function onclickclear()
        {
            str = document.getElementById("nummessege");
            str.value = "";
        }
        function onclickresult()
        {
            str = document.getElementById("nummessege");
            numresult = eval(str.value);
            str.value = numresult;
        }
    </script>

</head>
<body bgcolor="affff">
    <!--定義按鍵表格,每個按鍵對應一個事件觸發-->
    <table border="1" align="center" bgColor="#bbff77"
           style="height: 350px; width: 270px">
        <tr>
            <td colspan="4">
                <input type="text" id="nummessege"
                       style="height: 90px; width: 350px; font-size: 50px" />
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" value="1" id="1" onclick="onclicknum(1)"
                       style="height: 70px; width: 90px; font-size: 35px">
            </td>
            <td>
                <input type="button" value="2" id="2" onclick="onclicknum(2)"
                       style="height: 70px; width: 90px; font-size: 35px">
            </td>
            <td>
                <input type="button" value="3" id="3" onclick="onclicknum(3)"
                       style="height: 70px; width: 90px; font-size: 35px">
            </td>
            <td>
                <input type="button" value="+" id="add" onclick="onclicknum('+')"
                       style="height: 70px; width: 90px; font-size: 35px">
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" value="4" id="4" onclick="onclicknum(4)"
                       style="height: 70px; width: 90px; font-size: 35px">
            </td>
            <td>
                <input type="button" value="5" id="5" onclick="onclicknum(5)"
                       style="height: 70px; width: 90px; font-size: 35px">
            </td>
            <td>
                <input type="button" value="6" id="6" onclick="onclicknum(6)"
                       style="height: 70px; width: 90px; font-size: 35px">
            </td>
            <td>
                <input type="button" value="-" id="sub" onclick="onclicknum('-')"
                       style="height: 70px; width: 90px; font-size: 35px">
            </td>
        </tr>
        <tr>
            <td>
                <input type="button" value="7" id="7" onclick="onclicknum(7)"
                       style="height: 70px; width: 90px; font-size: 35px">
            </td>
            <td>
                <input type="button" value="8" id="8" onclick="onclicknum(8)"
                       style="height: 70px; width: 90px; font-size: 35px">
            </td>
            <td>
                <input type="button" value="9" id="9" onclick="onclicknum(9)"
                       style="height: 70px; width: 90px; font-size: 35px">
            </td>
            <td>
                <input type="button" value="*" id="mul" onclick="onclicknum('*')"
                       style="height: 70px; width: 90px; font-size: 35px">
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="button" value="0" id="0" onclick="onclicknum(0)"
                       style="height: 70px; width: 190px; font-size: 35px">
            </td>
            <td>
                <input type="button" value="." id="point" onclick="onclicknum('.')"
                       style="height: 70px; width: 90px; font-size: 35px">
            </td>
            <td>
                <input type="button" value="/" id="division"
                       onclick="onclicknum('/')"
                       style="height: 70px; width: 90px; font-size: 35px">
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input type="button" value="Del" id="clear"
                       onclick="onclickclear()"
                       style="height: 70px; width: 190px; font-size: 35px" />
            </td>
            <td colspan="2">
                <input type="button" value="=" id="result"
                       onclick="onclickresult()"
                       style="height: 70px; width: 190px; font-size: 35px" />
            </td>
        </tr>
    </table>
</body>
</html>

HTML實現計算器功能

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascrip

使用python實現計算器功能

import 運算符 while 正則表達技術整數 body 功能計算器 # 實現帶括號的復雜加減乘除優先級運算# 主要運用到了正則表達式、while循環、列表的幾種方法等。# 為實現要求的運算功能該代碼共分為兩個部分，一個是實現不帶括號的加減乘除運算的函數add_s

用pathon實現計算器功能

實現計算類似公式的計算器程式1 - 2 * ( (60-30 +(-40/5) * (9-2*5/3 + 7 /3*99/4*2998 +10 * 568/14 )) - (-4*3)/ (16-3*2) ) 一.while迴圈版本 import re s='1 - 2 * ( (60-30 +(-

JS 實現計算器功能

//style樣式程式碼 <style type="text/css"> *{ margin: 0; padding: 0; list-style: none; font-size: 20px; } .c

用js簡單實現計算器功能

我用的是比較蠢的一種方式，基本用到的就是Math一些相關方法/屬性和簡單的函式，完整程式碼如下： <html> <head> <meta charse

python 實現計算器功能輸入字串，輸出相應結果

1 import re 2 formul='2*(1+2*6/3-2)+5+2*(1+6/2/3-2)' 3 4 def addjian(func): 5 digital = re.split('(\D)',func) 6 for index in rang

【c++】用工廠模式實現計算器功能(附工廠模式程式碼)

工廠模式編譯環境：Linux vim DynBase.h #ifndef _DYN_BASE_H_ #define _DYN_BASE_H_ #include <map> #inclu

Android使用Html實現登入功能——重點掌握Webview js的使用

大家好，很久沒有寫部落格了，因為工作需要，專案需要轉換成H5的形式，所以閉關修煉html，所以可能在未來的幾篇部落格，我都會涉及到這類的知識，我不會太多的涉及到理論，更多的是實際的程式碼，下面就開始這次需求的實現，先看看主要介面。這就是主要的效果了，程式

shell指令碼程式設計實現計算器功能並根據選擇將其保存於檔案中

######################################################################### # File Name: project.sh # Author: lixiaogang # mail: [ema

用java實現計算器功能

/** * 一個計算器，與Windows附件自帶計算器的標準版功能、介面相仿。但還不支援鍵盤操作。 */ public class MyCalculator extends JFrame implements ActionListener { /** 計算器上

python實現計算器功能

一個 lac rac lse 括號 true sum 乘除 while 1 import re 2 3 4 def strip_operate(exp): # 合並多余的操作符 5 exp = exp.replace("+-", "-") 6

Shell 實現簡單計算器功能

shell 計算器Shell 實現簡單計算器功能，腳本如下：[[email protected]/* */ scripts]# cat jisuan.sh #!/bin/bash print_usage(){ printf $"USAGE:$0 NUM1 {+|-|*|/} NUM2\n"

php+html實現網頁計算器

ech border 一行 select color else 輸出數據 -c col <table align="center" border="2px"> <tr> <

用python實現復雜公式的計算器功能

方法檢查 res 格式去除空格 AR print pil 奇怪給出一段如下行，比較復雜的運算公式，自己編寫代碼計算 1 - 2.99 * ( (60.2-30 +( -40/ 5) * (9-2*5/3 + 7 /3*99/4*2998 +10.5 * 568/1

python模塊——re模塊（簡單的計算器功能實現_eval版）

earch 簡單的 group val class turn utf pla odin #!/usr/bin/env python # -*- coding:utf-8 -*- __author__ = "loki" # Usage: Make a Diy Calcul

Servlet結合Html實現登錄驗證(包括驗證碼驗證)功能

next Coding stat tin std 圖片 htm height -c Servlet生成驗證碼並輸出: @WebServlet(name = "yzmServlet") public class yzmServlet extends HttpServlet {

HTML實現線上程式碼格式化、美化、加密、解密、壓縮、一鍵轉JavaScript功能工具-toolfk程式設計師工具網

本文要推薦的[ToolFk]是一款程式設計師經常使用的線上免費測試工具箱，ToolFk 特色是專注於程式設計師日常的開發工具，不用安裝任何軟體，只要把內容貼上按一個執行按鈕,就能獲取到想要的內容結果。ToolFk還支援 BarCode條形碼線上生成、

C#實現按鍵計算器功能2(增強版)

1. 實驗目的（ 1）熟悉C#語言的使用和語法知識 2. 實驗要求（1）設計簡單的含互動介面的計算器軟體，具有較強的使用者體驗感。（2）使用C#語言進行程式設計，建立窗體應用程式。（3）實現較簡單加減乘除等運算。 3.

html實現簡單的計算功能與實時更新時間

簡單的計算器實時更新時間 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>線上計算器</title> <s

html左右切換功能實現

第一篇部落格，因為要實現左右切換的功能，所以自己寫了一個小工具（水平有限，勿噴..），具體功能如下：使用方法，首先引入changepicker.js和 changepicker.css；需要一個容器div，因為長寬沒有做適配處理，所以容器div最小寬高為425*345 （裡

HTML實現計算器功能

相關推薦