Hướng dẫn how to create multiple table in javascript - cách tạo nhiều bảng trong javascript

Tôi có một danh sách thả xuống (giữ các số từ 0 đến 50) và bảng HTML. Tôi muốn điều đó khi người dùng chọn một giá trị từ danh sách, mã sao chép/tạo bảng theo số lượng giá trị đã chọn.

Ví dụ: Người dùng đã chọn 10. Trang sẽ hiển thị cho tôi 10 bảng giống nhau.

Ai đó có thể cung cấp bất kỳ gợi ý?

Hướng dẫn how to create multiple table in javascript - cách tạo nhiều bảng trong javascript

Hỏi ngày 25 tháng 4 năm 2012 lúc 0:33Apr 25, 2012 at 0:33

2

Giả sử jQuery, đây là một ví dụ rất cơ bản. Nó có thể sẽ không phù hợp với nhu cầu của bạn, vì vậy chỉ cần sử dụng nó để giúp bạn bắt đầu:

HTML:

1
2
3
4

JavaScript:

$('.dropDownOption').click(function() {
    var numberTables = parseInt($(this).html()),
        tableHTML = "
FooBar
SpamHam
"; for (var i = 0; i < numberTables; i++) { $('body').append(tableHTML); } });​

JSfiddle: http://jsfiddle.net/tntpf/2/
http://jsfiddle.net/TnTPf/2/

Đã trả lời ngày 25 tháng 4 năm 2012 lúc 0:38Apr 25, 2012 at 0:38

HellamadhellamadHellaMad

5.2016 Huy hiệu vàng31 Huy hiệu bạc53 Huy hiệu Đồng6 gold badges31 silver badges53 bronze badges

JQuery là một cách dễ dàng để làm điều này

Gợi ý của tôi cho bạn: Tìm hiểu những gì $('#mytable').clone(); làm.

Gợi ý tiền thưởng:

for (i=0; i<=50; i++) { /* clone here */ }

Đã trả lời ngày 25 tháng 4 năm 2012 lúc 0:47Apr 25, 2012 at 0:47

Hướng dẫn how to create multiple table in javascript - cách tạo nhiều bảng trong javascript

1


Đã trả lời ngày 9 tháng 10 năm 2018 lúc 14:54Oct 9, 2018 at 14:54

Hướng dẫn how to create multiple table in javascript - cách tạo nhiều bảng trong javascript

1

Ví dụ 1: Bảng nhân lên đến 10

// program to generate a multiplication table

// take input from the user
const number = parseInt(prompt('Enter an integer: '));

//creating a multiplication table
for(let i = 1; i <= 10; i++) {

    // multiply i with number
    const result = i * number;

    // display the result
    console.log(`${number} * ${i} = ${result}`);
}

Đầu ra

Enter an integer: 3
3 * 1 = 3
3 * 2 = 6
3 * 3 = 9
3 * 4 = 12
3 * 5 = 15
3 * 6 = 18
3 * 7 = 21
3 * 8 = 24
3 * 9 = 27
3 * 10 = 30

Trong chương trình trên, người dùng được nhắc nhập giá trị số nguyên. Sau đó, vòng for được sử dụng để lặp lại đến 1 đến 10 để tạo bảng nhân.1 to 10 to create a multiplication table.


Ví dụ 2: Bảng nhân lên một phạm vi

/* program to generate a multiplication table
upto a range */

// take number input from the user
const number = parseInt(prompt('Enter an integer: '));

// take range input from the user
const range = parseInt(prompt('Enter a range: '));

//creating a multiplication table
for(let i = 1; i <= range; i++) {
    const result = i * number;
    console.log(`${number} * ${i} = ${result}`);
}

Đầu ra

Enter an integer: 7
Enter a range: 5
7 * 1 = 7
7 * 2 = 14
7 * 3 = 21
7 * 4 = 28
7 * 5 = 35

Trong chương trình trên, người dùng được nhắc nhập giá trị số nguyên. Sau đó, vòng for được sử dụng để lặp lại đến 1 đến 10 để tạo bảng nhân.

Ví dụ 2: Bảng nhân lên một phạm vi7) and a range (here 5). Then a multiplication table is created using a for loop for that range.