Máy tính khoa học mã HTML miễn phí

Máy tính khoa học là một dự án đơn giản trong HTML5, CSS và JavaScript. Dự án này là để giải các phép tính toán học của các số. Bạn có thể xem các tính năng cơ bản của máy tính nâng cao trong dự án này. Ngoài ra, có hai chế độ trong hệ thống máy tính này. Vì vậy, bạn có thể sử dụng chế độ cơ bản hoặc chế độ nâng cao

Lập dự án

Dự án Máy tính Khoa học chỉ đơn giản bằng HTML, CSS và JavaScript. Về các tính năng của Máy tính, người dùng có thể cộng, trừ, chia, tìm bình phương, nghiệm, tỉ số lượng giác, nhân, thậm chí kiểm tra phần dư của hai số bất kỳ. Bạn có thể chỉ cần nhấp vào các số bạn muốn đưa vào tính toán và nhấp vào nút có dấu “=” để biết kết quả

Dự án này bao gồm rất nhiều javascript để xác thực các phần nhất định của dự án

Làm thế nào để chạy dự án?

Để chạy dự án này, bạn không cần phải có bất kỳ loại máy chủ cục bộ nào ngoài trình duyệt. Chúng tôi khuyên bạn nên sử dụng các trình duyệt hiện đại như Google Chrome và Mozilla Firefox để có hiệu suất tốt hơn. Để thực hiện dự án, trước tiên, hãy mở dự án trong trình duyệt của bạn bằng cách nhấp vào chỉ mục. tệp html. Máy tính khoa học trong JavaScript với mã nguồn được tải xuống miễn phí, chỉ sử dụng cho mục đích giáo dục

Bản trình diễn dự án

https. //youtube. be/R0eCNYJO72M

TẢI XUỐNG MÁY TÍNH KHOA HỌC TRONG JAVASCRIPT VỚI MÃ NGUỒN MIỄN PHÍ. BẤM VÀO NÚT BÊN DƯỚI

Tải xuống dự án

Gặp khó khăn hoặc cần trợ giúp để tùy chỉnh Máy tính này theo nhu cầu của bạn, hãy xem phần hướng dẫn JavaScript của chúng tôi hoặc chỉ cần nhận xét bên dưới và chúng tôi sẽ cố gắng hết sức để trả lời câu hỏi của bạn càng sớm càng tốt

Có liên quan

Thêm Dưới. HTML, javascript

bài chuyển hướng

Bài tiếp theo

Oẳn tù tì trong JavaScript với mã nguồn

Bài báo trước

Báo cáo dự án truyền thông xã hội Wazifa IN PHP, CSS, Js VÀ MYSQL. TẢI XUỐNG MIỄN PHÍ

Bạn cũng có thể thích

Máy tính khoa học mã HTML miễn phí

Dự án PHP

Ngân Hàng Máu Bằng PHP Với Mã Nguồn

  • Ngày 5 tháng 2 năm 2023

Dự án. Ngân Hàng Máu Bằng PHP Có Mã Nguồn Vui lòng cuộn xuống và nhấp vào nút tải xuống để…

Máy tính khoa học mã HTML miễn phí

JavaScript

Trò chơi oẳn tù tì bằng JavaScript với mã nguồn

  • Ngày 5 tháng 2 năm 2023

Dự án. Trò chơi oẳn tù tì bằng JavaScript với mã nguồn Vui lòng cuộn xuống và nhấp vào tải xuống…

Máy tính khoa học mã HTML miễn phí

Dự án JavaScript

Ứng dụng danh sách Todo đơn giản bằng JavaScript với mã nguồn

  • Ngày 3 tháng 2 năm 2023

Dự án. Ứng dụng danh sách việc cần làm đơn giản bằng JavaScript với mã nguồn Vui lòng cuộn xuống và nhấp vào tải xuống…

Máy tính khoa học mã HTML miễn phí

Dự án JavaScript

Trao đổi tiền tệ trong JavaScript với mã nguồn

  • ngày 1 tháng 2 năm 2023

Dự án. Công cụ trao đổi tiền tệ trong JavaScript với mã nguồn Vui lòng cuộn xuống và nhấp vào nút tải xuống để tải xuống tiền tệ…

Máy tính khoa học mã HTML miễn phí

Dự án PHP

Hệ Thống Quản Lý Nhà Thuốc Bằng PHP Bằng Mã Nguồn

  • Ngày 31 tháng 1 năm 2023

Dự án. Hệ thống quản lý nhà thuốc Bằng PHP với mã nguồn Vui lòng cuộn xuống và nhấp vào nút tải xuống…

Một thẻ đã tồn tại với tên chi nhánh được cung cấp. Nhiều lệnh Git chấp nhận cả tên thẻ và tên nhánh, vì vậy việc tạo nhánh này có thể gây ra hành vi không mong muốn. Bạn có chắc chắn muốn tạo nhánh này không?

Chào mừng các Nhà phát triển, hôm nay trong bài đăng trên blog này, chúng ta sẽ xây dựng một máy tính khoa học toán học bằng HTML CSS và javascript. Tất cả mã nguồn đầy đủ của ứng dụng được hiển thị bên dưới. Vì vậy, hãy bắt đầu

Trước tiên, bạn cần tạo một tệp và dán đoạn mã sau vào

mục lục. html

<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
    <title>Scientific Calculator</title>
</head>
<body>
    <form name="sci-calc">
        <table class="calculator" cellspacing="0" cellpadding="1">
          <tr>
            <td colspan="5"><input id="display" name="display" value="0" size="28" maxlength="25"></td>
          </tr>
          <tr>
            <td><input type="button" class="btnTop" name="btnTop" value="C" onclick="this.form.display.value=  0 "></td>
            <td><input type="button" class="btnTop" name="btnTop" value="<--" onclick="deleteChar(this.form.display)"></td>
            <td><input type="button" class="btnTop" name="btnTop" value="=" onclick="if(checkNum(this.form.display.value)) { compute(this.form) }"></td>
            <td><input type="button" class="btnOpps" name="btnOpps" value="&#960;" onclick="addChar(this.form.display,'3.14159265359')"></td>
            <td><input type="button" class="btnMath" name="btnMath" value="%" onclick=" percent(this.form.display)"></td>
          </tr>
          <tr>
            <td><input type="button" class="btnNum" name="btnNum" value="7" onclick="addChar(this.form.display, '7')"></td>
            <td><input type="button" class="btnNum" name="btnNum" value="8" onclick="addChar(this.form.display, '8')"></td>
            <td><input type="button" class="btnNum" name="btnNum" value="9" onclick="addChar(this.form.display, '9')"></td>
            <td><input type="button" class="btnOpps" name="btnOpps" value="x&#94;" onclick="if(checkNum(this.form.display.value)) { exp(this.form) }"></td>
            <td><input type="button" class="btnMath" name="btnMath" value="/" onclick="addChar(this.form.display, '/')"></td>
          <tr>
            <td><input type="button" class="btnNum" name="btnNum" value="4" onclick="addChar(this.form.display, '4')"></td>
            <td><input type="button" class="btnNum" name="btnNum" value="5" onclick="addChar(this.form.display, '5')"></td>
            <td><input type="button" class="btnNum" name="btnNum" value="6" onclick="addChar(this.form.display, '6')"></td>
            <td><input type="button" class="btnOpps" name="btnOpps" value="ln" onclick="if(checkNum(this.form.display.value)) { ln(this.form) }"></td>
            <td><input type="button" class="btnMath" name="btnMath" value="*" onclick="addChar(this.form.display, '*')"></td>
          </tr>
          <tr>
            <td><input type="button" class="btnNum" name="btnNum" value="1" onclick="addChar(this.form.display, '1')"></td>
            <td><input type="button" class="btnNum" name="btnNum" value="2" onclick="addChar(this.form.display, '2')"></td>
            <td><input type="button" class="btnNum" name="btnNum" value="3" onclick="addChar(this.form.display, '3')"></td>
            <td><input type="button" class="btnOpps" name="btnOpps" value="&radic;" onclick="if(checkNum(this.form.display.value)) { sqrt(this.form) }"></td>
            <td><input type="button" class="btnMath" name="btnMath" value="-" onclick="addChar(this.form.display, '-')"></td>
          </tr>
          <tr>
            <td><input type="button" class="btnMath" name="btnMath" value="&#177" onclick="changeSign(this.form.display)"></td>
            <td><input type="button" class="btnNum" name="btnNum" value="0" onclick="addChar(this.form.display, '0')"></td>
            <td><input type="button" class="btnMath" name="btnMath" value="&#46;" onclick="addChar(this.form.display, '&#46;')"></td>
            <td><input type="button" class="btnOpps" name="btnOpps" value="x&#50;" onclick="if(checkNum(this.form.display.value)) { square(this.form) }"></td>
            <td><input type="button" class="btnMath" name="btnMath" value="+" onclick="addChar(this.form.display, '+')"></td>
          </tr>
          <tr>
            <td><input type="button" class="btnMath" name="btnMath" value="(" onclick="addChar(this.form.display, '(')"></td>
            <td><input type="button" class="btnMath" name="btnMath" value=")" onclick="addChar(this.form.display,')')"></td>
            <td><input type="button" class="btnMath" name="btnMath" value="cos" onclick="if(checkNum(this.form.display.value)) { cos(this.form) }"></td>
            <td><input type="button" class="btnMath" name="btnMath" value="sin" onclick="if(checkNum(this.form.display.value)) { sin(this.form) }"></td>
            <td><input type="button" class="btnMath" name="btnMath" value="tan" onclick="if(checkNum(this.form.display.value)) { tan(this.form) }"></td>
         </tr>
        </tabel>
       </form>
</body>
</html>

phong cách. css

* {
    padding: 0;
    margin: 5px;
    text-align: center;
  }
  body {
    background-color:white;
  }
  .calculator {
    width: 350px;
    height: 320px;
    background-color: #c0c0c0;
    box-shadow: 0px 0px 0px 10px #666;
    border: 5px solid black;
    border-radius: 10px;
  }
  #display {
    width: 320px;
    height: 40px;
    text-align: right;
    background-color: black;
    border: 3px solid white;
    font-size: 18px;
    left: 2px;
    top: 2px;
    color: #7fff00;
  }
  .btnTop{
    color: white;
    background-color: #6f6f6f;
    font-size: 14px;
    margin: auto;
    width: 50px;
    height: 25px;
  }
  .btnNum {
    color: white;
    background-color: black;
    font-size: 14px;
    margin: auto;
    width: 50px;
    height: 25px;
  }
  .btnMath {
    color: white;
    background-color: lightblue;
    font-size: 14px;
    margin: auto;
    width: 50px;
    height: 25px;
  }
  .btnOpps {
    color: white;
    background-color: #ff9933;
    font-size: 14px;
    margin: auto;
    width: 50px;
    height: 25px;
  }

kịch bản. js

function addChar(input, character) {
	if(input.value == null || input.value == "0")
		input.value = character
	else
		input.value += character
}

function cos(form) {
	form.display.value = Math.cos(form.display.value);
}

function sin(form) {
	form.display.value = Math.sin(form.display.value);
}

function tan(form) {
	form.display.value = Math.tan(form.display.value);
}

function sqrt(form) {
	form.display.value = Math.sqrt(form.display.value);
}

function ln(form) {
	form.display.value = Math.log(form.display.value);
}

function exp(form) {
	form.display.value = Math.exp(form.display.value);
}

function deleteChar(input) {
	input.value = input.value.substring(0, input.value.length - 1)
}
var val = 0.0;
function percent(input) {
  val = input.value;
  input.value = input.value + "%";
}

function changeSign(input) {
	if(input.value.substring(0, 1) == "-")
		input.value = input.value.substring(1, input.value.length)
	else
		input.value = "-" + input.value
}

function compute(form) {
 
    form.display.value = eval(form.display.value);
  }


function square(form) {
	form.display.value = eval(form.display.value) * eval(form.display.value)
}

function checkNum(str) {
	for (var i = 0; i < str.length; i++) {
		var ch = str.charAt(i);
		if (ch < "0" || ch > "9") {
			if (ch != "/" && ch != "*" && ch != "+" && ch != "-" && ch != "."
				&& ch != "(" && ch!= ")" && ch != "%") {
				alert("invalid entry!")
				return false
				}
			}
		}
		return true
}

Brijpal Sharma

Brij

Brijpal Sharma là một nhà phát triển web có niềm đam mê viết các bài hướng dẫn về công nghệ. Tìm hiểu JavaScript và công nghệ phát triển web khác

Làm cách nào để tạo máy tính đơn giản trong HTML?

Các bước để tạo một máy tính đơn giản bằng HTML và 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
…. .. .
Chỉ định sự kiện OnClick cho tất cả các nút có số và toán tử số học

Chúng ta có thể tạo máy tính bằng HTML không?

Để thiết kế máy tính cơ bản, chúng tôi sẽ sử dụng HTML, CSS và JavaScript . HTML được sử dụng để thiết kế cấu trúc cơ bản của máy tính. Các kiểu CSS được sử dụng để áp dụng các kiểu trên máy tính và JavaScript được sử dụng để thêm chức năng tính toán.

Làm cách nào để tạo máy tính khoa học trong HTML?

<đầu>
.

Làm cách nào để tạo một máy tính khoa học bằng HTML và CSS?

Cách tạo máy tính khoa học .
Để tạo một máy tính khoa học, hãy tạo một phần tử div với tên lớp là "máy tính". .
Sau khi tạo cấu trúc HTML, bây giờ tạo kiểu cho máy tính bằng CSS. .
Cuối cùng, thêm chương trình máy tính khoa học JavaScript sau vào trước khi đóng thẻ body là xong