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

 


JavaScript program to calculate multiplication and division of two numbers 

body {margin: 30px;}
 



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

body {
background: #F4F4F4;
font-family: Arial;
margin: 0;
}




	

		
Print Multiplication Table using JavaScript
	

	

		
Enter a Number : 
		

	
	

		

	



function printTable[num] {
	var input = num.value;
	if[!isNaN[input]] {
		var table="";
		var number="";
		for[i=1;i