Làm cách nào để tạo máy tính trong JavaScript bằng chức năng?

Để nhận đầu vào và hiển thị đầu ra cho người dùng, chúng tôi sẽ sử dụng các chức năng nhắc nhở và cảnh báo của trình duyệt tương ứng

Có hai cách chính để triển khai chức năng của máy tính, cách thứ nhất là sử dụng câu lệnh if-else và cách còn lại là sử dụng câu lệnh switch mà chúng ta sẽ đề cập đến cả hai cách này

Bước 1. Thiết lập môi trường

Tạo một tệp HTML mới, liên kết một tập lệnh. js bằng thẻ script và thực thi tệp HTML để nó chạy trên trình duyệt, thẻ script trông như thế này

< loại tập lệnh ="mô-đun" src< . js" ="script.js"> tập lệnh >

Và tệp HTML chứa những dòng này

< trung tâm >
      <div><p>A simple calculatorp>div>
center>

Bước 2. Viết mã JavaScript

Điều đầu tiên chúng ta cần làm trong mã JavaScript của mình là thông báo cho người dùng nhập một toán tử (* , – , + , /). Để làm điều đó, chúng tôi tạo một biến mới và nhắc người dùng về một đầu vào mới sẽ được đặt trong biến đó

const operatorVar = dấu nhắc ("Enter the operator that you want to use (*, -, +, \ )");

Bước tiếp theo là hỏi người dùng toán hạng mà toán tử này sẽ làm việc, chúng tôi thực hiện điều đó bằng cách sử dụng các dòng mã sau

const toán hạng 1 = dấu nhắc ("Enter the First Value");
const operand2 = prompt("Enter the Second Value");

Chúng tôi cần xác nhận rằng người dùng không thực hiện bất kỳ thao tác nhập sai nào với các dòng mã sau

hàm isDigit ( đầu vào ) {
  var integer = true;
  for (var char of input) {
    if (char  `9`) {
      integer = false;
    }
  }
  return integer;
}
if (isDigit(operand1) == false) {
  alert("Wrong input at operand 1| Not an integer Value");
}
if (isDigit(operand2) == false) {
  alert("Wrong input at operand 2| Not an integer Value");
}

Tiếp theo, chúng ta cần kiểm tra toán tử nào được cung cấp bởi người dùng bằng cách sử dụng câu lệnh if-else, thực hiện các thao tác được yêu cầu và lưu kết quả vào một biến mới

if ( operatorVar == "*"<) {
  result = operand1 * operand2;
} else if (operatorVar == "-") {
  result = operand1 - operand2;
} else if (operatorVar == "/") {
  result = operand1 / operand2;
} else if (operatorVar == "+") {
  result = parseInt(operand1) + parseInt(operand2);
}

Chúng tôi cũng cần kiểm tra toán tử sai, vì điều đó chúng tôi sẽ chỉ sử dụng câu lệnh khác và cảnh báo người dùng rằng đã nhập sai

else {
  cảnh báo ("Toán tử không hợp lệ"<);
}

Bước cuối cùng là hiển thị biến kết quả cho người dùng bằng hộp thoại cảnh báo

cảnh báo ("Kết quả là. " + kết quả );

Bạn đã hoàn tất việc mã hóa máy tính trên JavaScript

Bước 3. Kiểm tra máy tính

Để kiểm tra máy tính bạn vừa mã hóa, chỉ cần chạy tệp HTML và nhập vào các hộp nhắc khi chúng xuất hiện như minh họa trong gif bên dưới

Như bạn có thể thấy bài kiểm tra đã thành công vì máy tính của chúng tôi hoạt động hoàn toàn tốt, đoạn mã hoàn chỉnh như sau

const operatorVar = dấu nhắc ("Enter the operator that you want to use");

const operand1 = prompt("Enter the First Value");
if (isDigit(operand1) == false) {
  alert("Wrong input at operand 1| Not an integer Value");
}
const operand2 = prompt("Enter the Second Value");
if (isDigit(operand2) == false) {
  alert("Wrong input at operand 2| Not an integer Value");
}

var result;
if (operatorVar == "*") {
  result = operand1 * operand2;
} else if (operatorVar == "-") {
  result = operand1 - operand2;
} else if (operatorVar == "/") {
  result = operand1 / operand2;
} else if (operatorVar == "+") {
  result = parseInt(operand1) + parseInt(operand2);
} else {
  alert("Invalid Operator");
}

alert("The result is : " + kết quả );

function isDigit(input) {
  var integer = true;
  for (var char of input) {
    if (char  `9`) {
      integer = false;
    }
  }
  return integer;
}

Bước 4. Sử dụng Switch thay vì if-else

Để sử dụng switch thay vì if-else, đơn giản hãy thay thế các câu lệnh if-else bằng các dòng mã sau

switch ( operatorVar ) {
  case "*":
    kết quả = toán hạng 1 * toán hạng 2 . ;
    break;
  case "/":
    kết quả = toán hạng 1 / toán hạng 2 . ;
    break;
  case "+":
    kết quả = parseInt ( toán hạng1 . ) + parseInt(operand2);
    break;
  case "-":
    kết quả = toán hạng 1 - toán hạng 2 . ;
    break;
  default:
    cảnh báo ("Toán tử không hợp lệ. ");
    ngắt;
}

Đoạn mã hoàn chỉnh là như

const operatorVar = dấu nhắc ("Enter the operator that you want to use");

const operand1 = prompt("Enter the First Value");
if (isDigit(operand1) == false) {
  alert("Wrong input at operand 1| Not an integer Value");
}
const operand2 = prompt("Enter the Second Value");
if (isDigit(operand2) == false) {
  alert("Wrong input at operand 2| Not an integer Value");
}

var result;switch (operatorVar) {
  case "*":
    kết quả = toán hạng 1 * toán hạng 2 . ;
    break;
  case "/":
    kết quả = toán hạng 1 / toán hạng 2 . ;
    break;
  case "+":
    kết quả = parseInt ( toán hạng1 . ) + parseInt(operand2);
    break;
  case "-":
    kết quả = toán hạng 1 - toán hạng 2 . ;
    break;
  default:
    cảnh báo ("Toán tử không hợp lệ. ");
    phá vỡ; . "
}

alert("The result is : " + kết quả );

function isDigit(input) {
  var integer = true;
  for (var char of input) {
    if (char  `9`) {
      integer = false;
    }
  }
  return integer;
}

Tất cả những gì còn lại bây giờ là kiểm tra mã này, hãy xem gif bên dưới

Vậy là xong, bạn đã mã hóa một máy tính đơn giản bằng JavaScript

Phần kết luận

Học một ngôn ngữ mới yêu cầu bạn xây dựng các ứng dụng thực tế; . Hôm nay, trong bài đăng này, chúng ta đã học cách tạo một chương trình máy tính cơ bản bằng JavaScript bằng cách sử dụng cả câu lệnh if-else cũng như câu lệnh switch

Làm cách nào để tạo Máy tính bằng các hàm trong JavaScript?

Làm cách nào để tạo Máy tính trong HTML bằng JavaScript?

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

<đầu>

.

Làm cách nào để tạo một Máy tính đơn giản bằng JavaScript và 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 Đọc tiếp

programming javascript

Reply 8 0 Chia sẻ