Bảng cửu chương đầu vào của người dùng javascript

Viết chương trình JavaScript để tính phép nhân và chia hai số (nhập từ người dùng)

mẫu đơn

Trình bày bằng hình ảnh

Giải pháp mẫu

Mã HTML

 



 



1st Number : 

2nd Number: 




The Result is : 

Mã JavaScript

function multiplyBy()
{
        num1 = document.getElementById("firstNumber").value;
        num2 = document.getElementById("secondNumber").value;
        document.getElementById("result").innerHTML = num1 * num2;
}

function divideBy() 
{ 
        num1 = document.getElementById("firstNumber").value;
        num2 = document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = num1 / num2;
}

Giải trình

tài liệu. getElementById(id). giá trị. Thuộc tính giá trị đặt hoặc trả về giá trị của thuộc tính giá trị của trường văn bản

tài liệu. getElementById("kết quả"). bên trongHTML. Thuộc tính innerHTML đặt hoặc trả về nội dung HTML (HTML bên trong) của một phần tử

Phiên bản ES6

function multiplyBy()
{
        num1 = document.getElementById("firstNumber").value;
        num2 = document.getElementById("secondNumber").value;
        document.getElementById("result").innerHTML = num1 * num2;
}

function divideBy() 
{ 
        num1 = document.getElementById("firstNumber").value;
        num2 = document.getElementById("secondNumber").value;
document.getElementById("result").innerHTML = num1 / num2;
}

Bản thử trực tiếp

Xem bút Javascript. nhân và chia hai số - cơ bản - ex-10 bởi w3resource (@w3resource) trên CodePen

Cải thiện giải pháp mẫu này và đăng mã của bạn qua Disqus

Trước. Viết chương trình JavaScript để tính số ngày còn lại cho đến Giáng sinh tới.
Tiếp theo. Viết chương trình JavaScript để chuyển đổi nhiệt độ sang và từ độ C, độ F.

Mức độ khó của bài tập này là gì?

Kiểm tra kỹ năng Lập trình của bạn với bài kiểm tra của w3resource

JavaScript. Lời khuyên trong ngày

Sử dụng Chế độ nghiêm ngặt để bắt lỗi im lặng

JavaScript là một ngôn ngữ rất dễ sử dụng so với các ngôn ngữ mã hóa cứng khác như C++ và Java. Mặc dù hữu ích để chạy mã mà không gây ra lỗi, nhưng sự khoan dung này có thể dẫn đến các lỗi thầm lặng trôi qua mà không cần sửa. Điều này cũng có thể dẫn đến hành vi không nhất quán nếu JavaScript có thể giải quyết lỗi im lặng theo nhiều cách.
Để bỏ qua điều này, hãy chọn tham gia Chế độ nghiêm ngặt. Cài đặt này thực hiện hai thay đổi lớn.

• Các lỗi im lặng trước đây có thể vượt qua trình biên dịch giờ đây sẽ đưa ra các lỗi, cho phép bạn tinh chỉnh mã của mình trước khi mã đến tay các thành viên trong nhóm của bạn
• Sửa lỗi ngăn JavaScript tối ưu hóa mã của bạn
• Các chương trình Mã nghiêm ngặt JavaScript thường chạy nhanh hơn các chương trình "cẩu thả" của chúng

Để chọn tham gia chế độ nghiêm ngặt, hãy thêm dòng'usestrict';

Trong bài viết này, chúng ta sẽ in Bảng nhân của một số bằng JavaScript. Chúng tôi lấy đầu vào từ người dùng và in bảng cửu chương. Chúng tôi sử dụng sự kiện onchange để nắm bắt thông tin đầu vào do người dùng cung cấp

hàm printTable()

Trong chức năng này, chúng tôi kiểm tra xem đầu vào do người dùng cung cấp có phải là Số hay không bằng cách sử dụng hàm có sẵn của JavaScript isNaN(). Nếu đầu vào là số thì chúng ta in bảng Nhân trong thẻ khoảng thời gian mul bằng cách nối kết quả với biến table nếu không chúng ta sẽ hiển thị thông báo lỗi Nhập số hợp lệ

Tải xuống mã nguồn demo

	

		
Print Multiplication Table using JavaScript
	

	

		
Enter a Number : 
		

	
	

		

	




		

Có liên quan

Tìm hiểu thêm

1. Shell Script để in bảng nhân
2. Chương trình C để in bảng nhân
3. JavaScript để xác thực tuổi do người dùng nhập
4. Chương trình Java thực hiện phép nhân ma trận
5. Sao chép văn bản từ hộp văn bản bằng nút bấm [JavaScript]
6. Kiểm tra tính khả dụng của tên người dùng bằng PHP và jQuery
7. [Dự án JavaScript] Xây dựng Tìm kiếm phía máy khách bằng cách sử dụng Gỡ lỗi JS
8. Khóa Bản ghi để ngăn Người dùng khác sửa đổi PHP

nhà tài trợ

Không ngừng học hỏi. Nhận thông tin cập nhật từ chúng tôi

Nhận email ngay sau khi chúng tôi xuất bản bài viết trên ProgrammingUnit. com và chúng tôi hứa sẽ không chia sẻ email của bạn với bất kỳ ai

Làm cách nào để tạo bảng cửu chương trong HTML bằng JavaScript?

Làm cách nào để in bảng 1 đến 10 trong JavaScript?

Làm cách nào để hiển thị dữ liệu trong bảng trong JavaScript?

Làm thế nào để viết một chương trình cho bảng cửu chương trong Java?