Hướng dẫn try-it-out - simple calculator in javascript - dùng thử - máy tính đơn giản trong javascript

Tôi đang cố gắng tạo ra một máy tính JavaScript đơn giản nhưng nó không hoạt động như mong đợi.

Tôi đã thử nhưng tôi nhận được kết quả chính xác. Dưới đây là mã của tôi. Vui lòng cho tôi biết tôi đang làm gì sai ở đây

Dưới đây là mã HTML và JavaScript.

Lưu ý: Không thể thay đổi cấu trúc HTML.: HTML structure cannot be changed.

function update[value] {
  //Type the code here.
  document.myForm.screen.value += value;

}

function result[VALUE] {
  document.myForm.screen.value = eval[document.myForm.screen.value];
}

function form_reset[] {
  //Type the code here.
  document.myForm.screen.value = value;
}

Hỏi ngày 28 tháng 11 năm 2018 lúc 10:45Nov 28, 2018 at 10:45

5

function update[value] {
  document.getElementById["screen"].value += value;
}

function result[value] {
  document.getElementById["screen"].value = eval[document.getElementById["screen"].value];
  }

function form_reset[] {
  document.getElementById["screen"].value = '';
}

Đã trả lời ngày 25 tháng 12 năm 2019 lúc 14:24Dec 25, 2019 at 14:24

Sau khi chơi với mã của bạn, nó dường như đang hoạt động theo cách mà nó được cho là, ngoại trừ:

function form_reset[] {
  //Type the code here.
  document.myForm.screen.value = value;
}

Biến "Giá trị" không được xác định ở đây. Cố gắng gán một giá trị không xác định sẽ không hoạt động và chúng tôi muốn hàm này đặt lại nội dung của đầu vào máy tính của chúng tôi.

Thay đổi điều này thành:

function form_reset[] {
  //Type the code here.
  document.myForm.screen.value = '';
}

Sẽ làm cho nút "C" hoạt động vì chúng tôi đang xóa chuỗi chứa đầu vào máy tính của chúng tôi.

Đã trả lời ngày 28 tháng 11 năm 2018 lúc 12:57Nov 28, 2018 at 12:57

Nếu bạn mới bắt đầu học JavaScript, bạn có thể được ai đó chỉ định để tạo một dự án máy tính cơ bản bằng cách sử dụng JavaScript, vì vậy trong bài viết này, tôi sẽ cung cấp cho bạn mã đơn giản để tạo máy tính bằng cách sử dụng chức năng Eval của JavaScript, tất cả đều hoạt động cho bạn trên một nút nhấp chuột.

Bước đầu tiên là tìm kiếm một tiêu đề để mỗi trình duyệt biết những gì mong đợi. Tiêu đề không phải là một phần của hướng dẫn này. Tuy nhiên, bạn có thể tìm thấy vô số thông tin bằng cách nhập 'tiêu đề HTML' vào Google. Vì vậy, sao chép mã bên dưới và dán nó vào một tài liệu trống và sau đó lưu nó dưới dạng 'SimpleCalCulator.html' trong một thư mục có tên là 'JavaScript-calculator'.

	
	 Simple Calculation
        
        

Bây giờ, chúng tôi sẽ tạo ra phần cơ thể chính của máy tính, vì vậy về cơ bản, chúng tôi sẽ cung cấp nút 0-9 và tất cả các nút toán học toán học khác như Plus [+], trừ [-], chia [/] & bội số [* ]

Đây là biểu mẫu với bảng trong đó chúng tôi đang cung cấp các nút này cho người dùng

Trong mã HTML trên, chúng tôi vừa thêm các nút cho người dùng của mình, với mỗi dòng có 4 nút và sau đó, nếu bạn nhận thấy chúng tôi cũng đã thêm JavaScript Funciton, chúng tôi sẽ gọi vào nút Nhấp vào nút

Một trong các hàm JavaScript chính là UpdateTextBox [], ví dụ, bản cập nhật hộp văn bản với màn hình ID = khi nhấp vào nút, ví dụ, nếu chúng tôi nhấp vào "5" trên máy tính,

3 được gọi, sẽ thêm/nối thêm văn bản "5" vào màn hình chính bằng mã JS sau đâyupdateTextbox[], which update's the textbox with id=screen on clicking a button, for example, if we click "5" on a calculator,

3 is called, which will add/append text "5" into the main screen using the following JS code

function updateTextbox[value]{
		document.getElementById["screen"].value += value;
}

Chức năng quan trọng thứ hai & hầu hết sẽ là & nbsp;

4, đánh giá & nbsp; tất cả dữ liệu văn bản được viết trong hộp văn bản màn hìnhsecond important & most function will be the

4, which evaluates all the text data written in the screen textbox using javascript's Eval function

function result[]{
		document.getElementById["screen"].value = eval[document.getElementById["screen"].value];
	}

Chức năng JS cuối cùng mà chúng ta sẽ sử dụng là

5, rõ ràng dữ liệu hộp văn bản màn hình

function reset[]{
		document.getElementById["screen"].value = '';
	}

Vì vậy, mã JS hoàn chỉnh của bạn sẽ như dưới đây

0

mà chúng tôi sẽ đặt ngay trước

6 trong HTML, vì vậy mã HTML hoàn chỉnh của bạn với chức năng máy tính sẽ

1

Trong mã HTML ở trên, chúng tôi chỉ cần thêm các thành phần nút loại đầu vào, vì vậy chúng tôi có thể có một số như chúng tôi thường làm trong máy tính thông thường.

Và chúng tôi cũng đã thêm các sự kiện JavaScript bằng phương thức " title = updatetExtBox", sẽ giúp chúng tôi thực hiện các hàm toán học bằng cách chuyển số lượng biểu thức cho chức năng JS "kết quả".

Bạn cũng có thể tạo kiểu cho các nút bằng cách cung cấp cho chúng CSS, bước này là tùy chọn nhưng tôi đang cung cấp mã CSS bên dưới

2

Đầu ra hoàn chỉnh sẽ như dưới đây

Gif hình ảnh demo

Cảm ơn bạn đã đọc, vui lòng hỏi bất kỳ câu hỏi nào liên quan đến điều này trong phần bình luận.

Bạn cũng có thể thích đọc:

AutoComplete TextBox bằng JavaScript [Nhiều phương thức]

Hình thức xác thực trong JavaScript

Xác thực email bằng JavaScript

Xác thực email bằng cách sử dụng jQuery

Thư viện biểu đồ JavaScript tốt nhất

Gửi email từ JavaScript

Làm thế nào để có được vị trí người dùng bằng cách định vị địa lý JavaScript / HTML5?

Đọc PDF bằng JavaScript

Lưu trữ cục bộ trong JavaScript và HTML5

Làm thế nào để bạn mã hóa một máy tính trong JavaScript?

Làm thế nào chúng ta có thể tạo một máy tính đơn giản bằng cách sử dụng HTML và JavaScript?

Làm thế nào để bạn tạo một máy tính bằng cách sử dụng JavaScript HTML và CSS?

HTML có thể tạo máy tính không?