search

Can you make a calculator with html?

Ngày đăng: 01/10/2022
Trả lời: 0
Lượt xem: 101

Show

<html>

<head>

    <script src=

        integrity=

"sha512-BbVEDjbqdN3Eow8+empLMrJlxXRj5nEitiCAK5A1pUr66+jLVejo3PmjIaucRnjlB0P9R3rBUs3g5jXc8ti+fQ=="

        crossorigin="anonymous" 

        referrerpolicy="no-referrer">script>

    <script src=

        integrity=

"sha512-iphNRh6dPbeuPGIrQbCdbBF/qcqadKWLa35YPVfMZMHBSI6PLJh2om2xCTWhpVpmUyb4IvVS9iYnnYMkleVXLA=="

        crossorigin="anonymous" 

        referrerpolicy="no-referrer">script>

    <style>

        table {

            border: 1px solid black;

            margin-left: auto;

            margin-right: auto;

        }

        input[type="button"] {

            width: 100%;

            padding: 20px 40px;

            background-color: green;

            color: white;

            font-size: 24px;

            font-weight: bold;

            border: none;

            border-radius: 5px;

        }

        input[type="text"] {

            padding: 20px 30px;

            font-size: 24px;

            font-weight: bold;

            border: none;

            border-radius: 5px;

            border: 2px solid black;

        }

    style>

head>

<body>

    <table id="calcu">

        <tr>

            <td colspan="3"><input type="text" id="result">td>

            <td><input type="button" value="c" onclick="clr()" /> td>

        tr>

        <tr>

            <td><input type="button" value="1" onclick="dis('1')" 

                        onkeydown="myFunction(event)"> td>

            <td><input type="button" value="2" onclick="dis('2')" 

                        onkeydown="myFunction(event)"> td>

            <td><input type="button" value="3" onclick="dis('3')" 

                        onkeydown="myFunction(event)"> td>

            <td><input type="button" value="/" onclick="dis('/')" 

                        onkeydown="myFunction(event)"> td>

        tr>

        <tr>

            <td><input type="button" value="4" onclick="dis('4')" 

                        onkeydown="myFunction(event)"> td>

            <td><input type="button" value="5" onclick="dis('5')" 

                        onkeydown="myFunction(event)"> td>

            <td><input type="button" value="6" onclick="dis('6')" 

                        onkeydown="myFunction(event)"> td>

            <td><input type="button" value="*" onclick="dis('*')" 

                        onkeydown="myFunction(event)"> td>

        tr>

        <tr>

            <td><input type="button" value="7" onclick="dis('7')" 

                        onkeydown="myFunction(event)"> td>

            <td><input type="button" value="8" onclick="dis('8')" 

                        onkeydown="myFunction(event)"> td>

            <td><input type="button" value="9" onclick="dis('9')" 

                        onkeydown="myFunction(event)"> td>

            <td><input type="button" value="-" onclick="dis('-')"

                        onkeydown="myFunction(event)"> td>

        tr>

        <tr>

            <td><input type="button" value="0" onclick="dis('0')" 

                        onkeydown="myFunction(event)"> td>

            <td><input type="button" value="." onclick="dis('.')" 

                        onkeydown="myFunction(event)"> td>

            <td><input type="button" value="=" onclick="solve()"> td>

            <td><input type="button" value="+" onclick="dis('+')" 

                        onkeydown="myFunction(event)"> td>

        tr>

    table>

    <script>

        // Function that display value

        function dis(val) {

            document.getElementById("result").value += val

        }

        function myFunction(event) {

            if (event.key == '0' || event.key == '1' 

                || event.key == '2' || event.key == '3'

                || event.key == '4' || event.key == '5' 

                || event.key == '6' || event.key == '7'

                || event.key == '8' || event.key == '9' 

                || event.key == '+' || event.key == '-'

                || event.key == '*' || event.key == '/')

                document.getElementById("result").value += event.key;

        }

        var cal = document.getElementById("calcu");

        cal.onkeyup = function (event) {

            if (event.keyCode === 13) {

                console.log("Enter");

                let x = document.getElementById("result").value

                console.log(x);

                solve();

            }

        }

        // Function that evaluates the digit and return result

        function solve() {

            let x = document.getElementById("result").value

            let y = math.evaluate(x)

            document.getElementById("result").value = y

        }

        // Function that clear the display

        function clr() {

            document.getElementById("result").value = ""

        }

    script>

body>

html>   

How do I create a calculator in HTML?

Input. value += '0'"> Input.

Can HTML be used to make calculations?

HTML calculator is used for performing basic mathematical operations like Addition, subtraction, multiplication, and division. You can find the live preview below, try it: To design the basic calculator, we will use HTML, CSS, and JavaScript. HTML is used to design the basic structure of the calculator.

How can we create a simple calculator using HTML and JavaScript?

Steps to create a Simple calculator Using HTML and JavaScript.
At first Insert a
element within tag..
Create a table using ….. ... .
Insert two types of Input text and button within table data of table row using
…. ... .
Assign OnClick event for all the buttons having numbers and arithmetic operators..

programming html Calculator HTML Calculation in html Tip calculator javascript Calc CSS Table calculation html Eval JavaScript Calculator GitHub

Bài Viết Liên Quan

Ý nghĩa của header from top là gì năm 2024
Ý nghĩa của header from top là gì năm 2024

mẹo hay Hỏi Đáp Là gì Top List Top Header la gì Footer la gì
Tự học tiếng anh như thế nào hiệu quả năm 2024
Tự học tiếng anh như thế nào hiệu quả năm 2024

mẹo hay Hỏi Đáp Thế nào Học Tốt Học Tiếng anh Học tiếng Anh
Cơ thể con người năm hiến máu bao nhiêu lần năm 2024
Cơ thể con người năm hiến máu bao nhiêu lần năm 2024

bao nhieu Hỏi Đáp Bao nhiêu Khỏe Đẹp Cơ thể
Tuổi đinh mão xây nhà năm nào tốt năm 2024
Tuổi đinh mão xây nhà năm nào tốt năm 2024

mẹo hay Xây Đựng Xây Nhà
Khoán chi đến sản phẩm cuối cùng là gì năm 2024
Khoán chi đến sản phẩm cuối cùng là gì năm 2024

là ai Hỏi Đáp Là gì
Các yếu tố cấu thành văn hóa tổ chức năm 2024
Các yếu tố cấu thành văn hóa tổ chức năm 2024

mẹo hay
Thế nào là số vô tỉ cho ví dụ năm 2024
Thế nào là số vô tỉ cho ví dụ năm 2024

mẹo hay Hỏi Đáp Thế nào Ví dụ
Quà trung thu tiếng anh là gì năm 2024
Quà trung thu tiếng anh là gì năm 2024

là ai Hỏi Đáp Là gì Học Tốt Tiếng anh Mid-Autumn gift
Đẻ mổ tối đa được bao nhiêu lần năm 2024
Đẻ mổ tối đa được bao nhiêu lần năm 2024

bao nhieu Hỏi Đáp Bao nhiêu
Thiết kế quán trà sữa bao nhiêu tiền năm 2024
Thiết kế quán trà sữa bao nhiêu tiền năm 2024

bao nhieu Hỏi Đáp Bao nhiêu Món Ngon Trà sữa
Top nước hoa hồng se khít lỗ chân lông năm 2024
Top nước hoa hồng se khít lỗ chân lông năm 2024

mẹo hay Top List Top
Lỗi nồi chiên không dầu philips tiếng kêu rất to năm 2024
Lỗi nồi chiên không dầu philips tiếng kêu rất to năm 2024

mẹo hay
Daylight is coming like a rentless milkman upstairs là gì năm 2024
Daylight is coming like a rentless milkman upstairs là gì năm 2024

là ai Hỏi Đáp Là gì
Đặt cọc mua đất bao nhiêu phần trăm năm 2024
Đặt cọc mua đất bao nhiêu phần trăm năm 2024

bao nhieu Hỏi Đáp Bao nhiêu
Vở bài tập toán lớp 5 trang 51 52 năm 2024
Vở bài tập toán lớp 5 trang 51 52 năm 2024

mẹo hay Khỏe Đẹp Bài tập
Ngôn ngữ chính của singapore là gì năm 2024
Ngôn ngữ chính của singapore là gì năm 2024

là ai Hỏi Đáp Là gì
Văn mẫu lớp 8 bài viết số 1 đề 2 năm 2024
Văn mẫu lớp 8 bài viết số 1 đề 2 năm 2024

mẹo hay Soạn văn 8
Nhẫn tỳ hưu bạc giá bao nhiêu năm 2024
Nhẫn tỳ hưu bạc giá bao nhiêu năm 2024

bao nhieu Hỏi Đáp Bao nhiêu Cryto Giá
Luân đôn là thủ đô của nước nào năm 2024
Luân đôn là thủ đô của nước nào năm 2024

mẹo hay London là gì
Dáng đứng việt nam sáng tác năm bao nhiêu năm 2024
Dáng đứng việt nam sáng tác năm bao nhiêu năm 2024

bao nhieu Hỏi Đáp Bao nhiêu

Quảng Cáo

Có thể bạn quan tâm

Cầu gỗ lim huế bao nhiêu tiền năm 2024
1 tháng trước . bởi YieldingSwimmer
Cân bằng sinh học là gì cho ví dụ năm 2024
1 tháng trước . bởi UmbilicalProceeding
Tổng hợp kiến thức toán ôn thi đại học năm 2024
1 tháng trước . bởi ImpossibleEquation
Đề kiểm tra toán lớp 3 tuần 3 năm 2024
1 tháng trước . bởi FundamentalistTemplate
Cây dù che nắng giá bao nhiêu năm 2024
1 tháng trước . bởi TraditionalPhrasing
Quy trình ứng dụng cntt trong kiểm tra đánh giá năm 2024
1 tháng trước . bởi AdrenalProjection
Bài 94 trang 46 sách giáo khoa toán lớp 6 năm 2024
1 tháng trước . bởi SurplusInactivity
Khắc phục lỗi thẻ nhớ không cho coppy dữ liệu năm 2024
1 tháng trước . bởi FlattenedSaturday
Cách thanh toán bảo hiểm xã hội 1 lần năm 2024
1 tháng trước . bởi OutlyingDishonesty
Lỗi màn hình xanh unexpected kernel mode trap năm 2024
1 tháng trước . bởi AlmightyFraud

Toplist được quan tâm

#1
Top 7 sự tích hồ gươm - ngữ văn lớp 6 2023
5 tháng trước
#2
Top 7 gdcd 6 bài 1 kết nối tri thức 2023
5 tháng trước
#3
Top 7 ý nghĩa của xây dựng gia đình văn hóa 2023
5 tháng trước
#4
Top 6 mẫu hợp đồng mượn đất làm nhà xưởng 2023
5 tháng trước
#5
Top 3 tổng tài biến thái tôi yêu anh tập 27 2023
5 tháng trước
#6
Top 6 kết thực phim mỹ nhân vô lệ 2023
5 tháng trước
#7
Top 9 trong những câu thơ sau câu nào sử dụng thành ngữ 2023
5 tháng trước
#8
Top 8 đề tài và chủ de của tác phẩm tắt đèn 2023
5 tháng trước
#9
Top 5 tiểu sử của thầy thích pháp hòa 2023
5 tháng trước

Quảng cáo

Xem Nhiều

Top nước hoa hồng se khít lỗ chân lông năm 2024
1 tuần trước
Đặt cọc mua đất bao nhiêu phần trăm năm 2024
1 tuần trước
Thế nào là số vô tỉ cho ví dụ năm 2024
5 ngày trước
Đẻ mổ tối đa được bao nhiêu lần năm 2024
1 tuần trước
Tự học tiếng anh như thế nào hiệu quả năm 2024
20 giờ trước
Thiết kế quán trà sữa bao nhiêu tiền năm 2024
1 tuần trước
Tuổi đinh mão xây nhà năm nào tốt năm 2024
2 ngày trước
Khoán chi đến sản phẩm cuối cùng là gì năm 2024
3 ngày trước
Họ tiếng nhật của bạn là gì năm 2024
3 giờ trước
Lỗi nồi chiên không dầu philips tiếng kêu rất to năm 2024
1 tuần trước

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội

DMCA.com Protection Status
Bản quyền © 2021 Học Tốt Inc.