JavaScript-Tutorial/Example/Loop/Example_forLoop/index.html at main · Pankaj-Str/JavaScript-Tutorial · GitHub

40 lines (35 loc) · 1.57 KB

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

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>

<link rel="stylesheet" href="style.css">

<script src="loop.js"></script>

</head>

<body>

<div class="container mt-5">

<div class="row justify-content-center ">

<div class="col-sm-6">

<div class="card shadow-lg border">

<div class="m-2 ">

<input type="text" class="form-control" id="start_no" placeholder="Enter Start Number">

</div>

<div class="m-2">

<input type="text" class="form-control " id="end_no" placeholder="Enter End Number">

</div>

<div class="m-2">

<button class="btn btn-primary" onclick="print_data();">Print</button>

</div>

</div>

</div>

</div>

</div>

<div class="container">

<ul id="box">

</ul>

</div>

</body>

</html>