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
createMultiplier[multiplier] { return function[x] { return x * multiplier } } const doubleMe, Một thuật ngữ bạn có thể nghe thấy trong thế giới JavaScript là "hàm bậc cao. ", Hôm nay, chúng ta sẽ khám phá ý nghĩa của hàm bậc cao và xem xét một số ví dụ trong JavaScript, Loại hàm này có triển khai trong nhiều ngôn ngữ lập trình bao gồm Go, JavaScript, Python và trả về một hàm sẽ nhân lên
Stephanie Beasley 2022-10-19
div> Câu hỏi. Ai đó có thể vui lòng giải thích cách hàm đệ quy này không, tôi đang cố gắng hiểu cách bạn có thể nhân các số bằng cách chỉ sử dụng + , X * 3 dưới dạng X * 3 = X + [X * 2] vì vậy trong hàm, [X, Y] . , Multiply[5, 4] sẽ gọi Multiply[5, 3] sẽ gọi Multiply[5, 2] sẽ gọi Multiply
Cassandra Mcdonald 2022-06-16
Nó gần như hoạt động, nhưng thay vì chỉ tính tổng các giá trị, nó đang nhân số lượng với bốn và, Các giá trị sau đây sẽ nhân 10 với hệ số nhân cho năm đó và các năm trước trong Bảng 1. , ] * 1 [hệ số nhân năm 2001] = 20. , youryear,multiplier] giá trị [2001,1];
Hãy bắt đầu với Multiply kata. Tôi phải giải quyết vấn đề này khi đăng ký tài khoản Codewars. Đó là một số loại xác nhận, tôi đoán
Chek kata trên Codewars
Sự miêu tả
The code does not execute properly. Try to figure out why.
Chúng tôi bắt đầu với mã này
function multiply[a, b]{
a * b
}
Chúng tôi có thể giải quyết nó chỉ bằng cách thêm return
function multiply[a, b]{
return a * b
}
Hoặc chúng ta có thể làm oneliner
const multiply = [a, b] => a * b
Hãy kiểm tra các giải pháp khác
Một số người nghĩ về các trường hợp cạnh
Một trong những phổ biến nhất là
function multiply[a, b]{
if [!a || !b || typeof[a] != "number" || typeof[b] != "number"] {
return 0;
}
return a * b;
}
Nói một cách cá nhân, tôi muốn đưa ra một lỗi thay vì 0. Và tôi sẽ thay đổi câu lệnh if một chút
Có một giải pháp nữa mà tôi thích hơn giải pháp trước
________số 8_______Giải pháp mới của tôi
Sau khi xem xét các giải pháp trước đó, tôi đã nghĩ ra giải pháp này
function multiply[a, b]{
if [!isNaN[a] && !isNaN[b]]
return a * b
throw new Error['Both arguments should be numbers']
}
Tôi nghĩ sẽ tốt hơn nếu chúng ta không gặp câu lệnh 'nếu' và nó có thể dễ đọc hơn. Nhưng đó chỉ là sở thích cá nhân