priyanks25coder
diff --git a/‎index.html
Lines changed: 66 additions & 0 deletions b/‎index.html
Lines changed: 66 additions & 0 deletions
diff --git a/‎js/animation.js
Lines changed: 9 additions & 0 deletions b/‎js/animation.js
Lines changed: 9 additions & 0 deletions
@@ -0,0 +1,66 @@
+<html>
+<head>
+    <link rel="stylesheet" href="./style.css">
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <title>OS Scheduling Project</title>
+</head>
+<body>
+<h1>CPU Scheduling</h1>
+<form>
+    <div style="text-align: center;">Select Your CPU Algorithm</div>
+    <div id="radio">
+        <input type="radio" name="type" id="SJF" onclick="radioClicked(this.id)">
+        <label for="SJF">&nbsp;SJF</label>
+        <br>
+
+        <input type="radio" name="type" id="FCFS" onclick="radioClicked(this.id)">
+        <label for="FCFS">&nbsp;FCFS</label>
+        <br>
+
+        <input type="radio" name="type" id="RR" onclick="radioClicked(this.id)">
+        <label for="RR">&nbsp;Round Robin</label>
+    </div>
+    <br><br>
+    <br><br>
+    <div>
+    Enter Arrival Time
+    <span><input type="number" min="0" id="AT" placeholder="Enter Arrival Time" style="height: 30px; font-family: cursive; background-color: white; color: black; border: 2px solid black;"></span>
+    <br><br>
+    <br>
+    Enter Burst Time
+    <span><input type="number" min="0" id="BT" placeholder="Enter Burst Time" style="height: 30px; font-family: cursive; background-color: white; color: black; border: 2px solid black;"></span>
+    <br><br>
+    <br>
+    <span id="timequanta" style="left: 0; display: none;">
+        Enter Time Quanta
+        <span><input type="number" min="0" id="TQ" placeholder="Enter Time Quanta" style="height: 30px; font-family: cursive; background-color: white; color: black; border: 2px solid black;"></span>
+    </span>
+    </div>
+    <br>
+</form>
+<table id="table" style="width: 100%;">
+    <thead><tr><th colspan="7" style="width: 100%; text-align: center;">SCHEDULING TABLE</th></tr></thead><tbody><tr><td style="width: 14%;">Process ID</td><td style="width: 14%;">Arrival Time</td><td style="width: 14%;">Burst Time</td><td style="width: 14%;">Response Time<br></td><td style="width: 16%;">Turn Around Time</td><td style="width: 14%;">Completion Time</td><td style="width: 12%;">Waiting Time</td></tr></tbody>
+</table>
+<br><br>
+
+<button type="button" id="add" onclick="addRow()">Add a Row +</button>
+<button type="button" id="delete" onclick="deleteRow()">Delete a Row -
+</button>
+<div id="average">Average Completion Time = <input type="text"  id="averagebox1" placeholder="0" readonly></div>
+<br><br>
+<button type="button" id="execute" onclick="calculate()">Execute</button>
+<div id="average">Average Turn Around Time = <input type="text" id="averagebox2" placeholder="0" readonly> </div>
+<br><br>
+
+<div id="animator" style="display: block; position: relative;">
+        <span id="cover" style="display: block; position: absolute; margin: 0; top: 0; left: 0; width: 100%; height: 100px; background-color: whitesmoke; z-index: 8;">
+        </span>
+        <table id ="mytb" style="display: inline; position: absolute; top: 2px; left: 2px;">
+            <tr id="processr"></tr>
+            <tr id="timer"></tr>
+        </table>
+</div>
+</body>
+<script src="./os.js" defer></script>
+<script src="./animation.js" defer></script>
+</html>
@@ -0,0 +1,9 @@
+function moveCover(f,s){
+    if(f==0){
+        $("#cover").animate({left:'+=100px',width:'-=100px'},s);
+    }
+    else{
+        $("#cover").animate({left:'+=44px',width:'-=44px'},s);
+    }
+    
+}