forked from MistaAsh/OS-simulator
-
Notifications
You must be signed in to change notification settings - Fork 0
/
paging.html
140 lines (129 loc) · 5.67 KB
/
paging.html
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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<style>
main {
display: flex;
align-items: center;
margin-left: 1rem;
}
.image-container img {
width: 250px;
}
</style>
<title>Paging</title>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">OS Simulator</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item active">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">System Calls</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Process Scheduling</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Memory Management</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" ole="button" data-bs-toggle="dropdown"
aria-expanded="false">File Management</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="page_replacement_theory.html">Page Replacement</a></li>
<li>
<hr class="dropdown-divider">
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Banker's Algorithm</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Process Syncronization Problems
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="producer_consumer.html">Producer Consumer Problem</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Readers Writers Problem</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Dining Philosophers Problem</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Paging</a>
</li>
</ul>
</div>
</div>
</nav>
<div>
<h1><center> Paging</center></h1>
</div>
<div>
Enter the number of pages: <br>
<div>
<input type="number" id="no_of_pages">
</div>
Enter the size of a page/frame: <br>
<div>
<input type="number" id="size_of_page">
</div>
Enter the number of frames: <br>
<div>
<input type="number" id="no_of_frames">
</div>
Enter the frame number allotted for each page:
<div>
<input type="text" id="frame_string">
</div>
Enter the logical address:
<div>
<input type="number" id="logical_address">
</div>
<br><br>
<center><input type="button" onclick="run()" id="run" value="Run"></center>
<div class="table" style="width: 60%; max-height: 15em; overflow-y: auto; margin: auto">
<div id="tbwrap" style="border: 2px solid black; height: 200px">
<table id="Table" border="2" style="text-align: center; width: 100%;">
<tbody>
<tr>
<th>No. of pages </th>
<th>Size of a page/frame</th>
<th>Number of frames</th>
<th>Frame numbers allotted</th>
<th>Logical address</th>
<th> <u> Physical Address </u> </th>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
<script>
</script>
</html>