JavaScript nhân hai trường đầu vào

trong trường hợp này, bạn sẽ chọn phần tử của mình với lớp product-price và đặt màu khác cho trình trang trí


Nếu trên trang có kết hợp các thẻ có và không có giảm giá, bạn có thể viết điều kiện trong JS để chỉ áp dụng trình trang trí này khi giảm giá được đặt, v.v. Vì tôi không biết chính xác tình hình và nhu cầu nên tôi không thể giúp gì thêm

JavaScript nhân hai trường đầu vào
parhamshafti

Ngoài ra, hãy cho tôi biết nếu tôi có thể trả ơn bằng cách nào đó, có thể giúp giải quyết các câu hỏi liên quan đến thương hiệu và thiết kế như chuyên môn chính của tôi

Cảm ơn vì lời đề nghị, tôi ghi nhớ nó và một ngày nào đó…

JavaScript nhân hai trường đầu vào

xin chào @parhamshafti Tôi đã cập nhật tập lệnh với điều kiện rất đơn giản là thêm một cách có điều kiện line-trough khi chiết khấu lớn hơn mà 0. Điều này có nghĩa là bạn phải luôn đặt giá trị _______16_______ thành trường chiết khấu cho các mặt hàng nguyên giá vì điều kiện này không kiểm tra xem giá trị có tồn tại hay không (có nghĩa là nếu trường chiết khấu trống)

Để ngăn chặn điều đó, bạn có thể đặt trường giảm giá là bắt buộc nhưng tôi không biết liệu có cách nào để đặt 0 hoặc null làm giá trị ban đầu như bạn có thể làm trong mã không

Dù sao tôi hy vọng rằng giải pháp đơn giản này sẽ giúp

JavaScript nhân hai trường đầu vào

CHỈNH SỬA

Nếu bạn muốn ẩn phần trăm chiết khấu và phần tử giá chiết khấu trên thẻ giá đầy đủ. bạn có thể thêm none

priceEl.style.display = "none"

nhưng điều này sẽ gây ra sự thay đổi thiết kế vì các phần tử sẽ không được hiển thị trong DOM

hoặc bạn có thể thêm

priceEl.style.display = "none"
0 (hiện đã được triển khai trong tập lệnh cập nhật)

priceEl.style.visibility = "hidden"

trong trường hợp này, các phần tử sẽ được hiển thị trong DOM nhưng sẽ không hiển thị. Điều này ngăn chặn sự thay đổi thiết kế thẻ và tất cả các yếu tố hiển thị sẽ giữ nguyên vị trí. Nhưng như tôi đã đề cập, tôi không biết thẻ được thiết kế như thế nào cho các mặt hàng không được giảm giá, rất khó để đề xuất thêm lời khuyên để UX tốt hơn

Trong hướng dẫn này, bạn sẽ học cách nhân hai số trong javascript. Phép nhân là một trong những phép toán số học cơ bản mà mọi nhà phát triển mới có thể thực hiện mà không gặp sự cố nào. Nhưng nó cũng có thể phức tạp nếu bạn đang cố nhân 2 giá trị đến từ 2 trường nhập khác nhau

Hầu như trong mọi ngôn ngữ lập trình, chúng ta đều có toán tử nhân (*) để nhân một số với một số khác và toán tử này cũng có trong javascript. Nhưng vì giá trị hiện diện trong trường đầu vào thuộc loại chuỗi, chúng ta phải chuyển đổi nó thành loại số bằng cách sử dụng phương thức parseInt() và sau đó thực hiện phép tính bằng toán tử nhân (*)

Điểm cần lưu ý ở đây là giải pháp được cung cấp sẽ chỉ hoạt động với các số không phải là số thập phân

Trong ví dụ sau, chúng ta có 2 trường nhập liệu, trong đó chúng ta sẽ nhập 2 số ngẫu nhiên. Khi click vào nút ta sẽ thực hiện phép nhân và hiển thị kết quả ra màn hình. Vui lòng xem qua ví dụ về mã và các bước được đưa ra bên dưới

Trong bài viết này, chúng ta sẽ xem phép tính như nhân và chia bằng Javascript. Một phép toán số học hoạt động trên hai số và các số được gọi là toán hạng.  

Phép nhân Toán tử nhân (*) nhân hai hoặc nhiều số

Thí dụ

var a =1 5;
var b = 12;
var c = a × b;

Tiếp cận. Tạo biểu mẫu html để lấy đầu vào từ người dùng để thực hiện các phép tính nhân. Thêm mã javascript bên trong html để thực hiện logic nhân. Tài liệu. getElementById(id). thuộc tính giá trị trả về giá trị của thuộc tính giá trị của trường văn bản

Thí dụ. Dưới đây là việc thực hiện các phương pháp trên

HTML




<body style="margin: 30px">

    <

var a = 50;
var b = 20;
var c = a / b;
0 style=
var a = 50;
var b = 20;
var c = a / b;
3_______5_______4
var a = 50;
var b = 20;
var c = a / b;
0>

    <

var a = 50;
var b = 20;
var c = a / b;
9<0
var a = 50;
var b = 20;
var c = a / b;
9>

    <<5>

<7_______24_______8<9 body0_______27_______25_______2 body3=25_______5 body6body7>

<7_______26_______0<9 body0_______27_______25_______2 body3=26_______7 body6body7>

<7_______24_______<9 body0==6 =7=

var a = 50;
var b = 20;
var c = a / b;
75 "margin: 30px"0=
var a = 50;
var b = 20;
var c = a / b;
78
var a = 50;
var b = 20;
var c = a / b;
79

Làm cách nào để nhân đầu vào của người dùng trong JavaScript?

Bản trình diễn trực tiếp. .
hàm multiBy()
num1 = tài liệu. getElementById("FirstNumber"). giá trị;
num2 = tài liệu. getElementById("secondNumber"). giá trị;
tài liệu. getElementById("kết quả"). InternalHTML = num1 * num2;
hàm chiaBy()

Làm cách nào để nhân hai giá trị trong JavaScript?

Toán tử nhân ( * ) nhân các số.

Làm cách nào để nhân hai giá trị hộp văn bản trong JavaScript?

hàm add_number() {
var first_number = parseInt(tài liệu. getElementById("Văn bản1"). giá trị);
var second_number = parseInt(tài liệu. getElementById("Text2"). giá trị);
var result = first_number * second_number;
cảnh báo (kết quả);

Làm cách nào để thêm hai giá trị trường đầu vào trong JavaScript?

Ví dụ 2. Thêm hai số do người dùng nhập . const num1 = parseInt(prompt('Nhập số đầu tiên ')); . parseInt() is used to convert the user input string to number. const num1 = parseInt(prompt('Enter the first number ')); const num2 = parseInt(prompt('Enter the second number ')); Then, the sum of the numbers is computed.