Chương trình JavaScript cho bảng cửu chương 5

Question

Các bảng nhân được sử dụng để hiển thị hoạt động nhân của một hệ thống đại số. Điều này cho thấy kết quả của phép nhân hai số. Các ví dụ dưới đây cho thấy cách hiển thị bảng cửu chương trong JavaScript

Nội dung chính Show

Hiển thị bảng cửu chương trong JavaScript
Bảng cửu chương lên đến 10
Bảng nhân lên đến một phạm vi
Từ cuối cùng
Làm cách nào để tạo bảng cửu chương bằng JavaScript?
Bảng cửu chương cho 5 là gì?
Làm cách nào để in bảng 1 đến 10 trong JavaScript?
Làm cách nào để tạo bảng cửu chương bằng vòng lặp for trong JavaScript?

nội dung

Hiển thị bảng cửu chương trong JavaScript

Bảng cửu chương lên đến 10

Trong quá trình này, chương trình có thể hiển thị bảng cửu chương lên đến 10. Vòng lặp for được sử dụng để lặp từ 1 đến 10 để tạo bảng cửu chương

// 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

Bảng nhân lên đến một phạm vi

Trong trường hợp này, người dùng có thêm một tùy chọn để nhập. Người dùng đó có thể nhập số nguyên và phạm vi mà họ cần để tạo bảng cửu chương

Nếu bạn nhập số nguyên là 7 và phạm vi là 5. Sau đó, chương trình tạo ra một bảng nhân cho 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

Từ cuối cùng

Hi vọng chương trình “hiển thị bảng cửu chương trong JavaScript” sẽ hữu ích với các bạn. Chia sẻ nghiên cứu với những người học JavaScript khác qua Mạng xã hội. Hãy chia sẻ phản hồi có giá trị của bạn với chúng tôi

Tại đây người dùng sẽ nhập phạm vi để tạo bảng cửu chương nếu người dùng nhập 1 và 10 thì bảng cửu chương từ 1 đến 10 được tạo

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

<. DOCTYPE html>

<html>

<đầu>

< / đầu>

<body>

<h2>Tạo Tables</h2>

<nhãn>Số 1</label>

<đầu vào loại = "number" id="number1" />

<nhãn>Số2</label>

<đầu vào loại = "number" id="number2" />

<đầu vào loại = "button" value="generate" onclick="multiplicationTable()" />

< / cơ thể>

< / html>

Thử nó

Tạo một trang html với mục đích duy nhất để hiển thị các bảng cửu chương từ 2 đến 10 (theo hàng) được tạo bởi JavaScript. ban đầu, trang trống. với sự trợ giúp của chức năng đặt khoảng thời gian, cứ sau 5 giây, in một hàng với các màu khác nhau và tăng kích thước phông chữ