angel/AP-Computer-Principles-Archive
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upload files to "lab"

Browse Source
This commit is contained in:
angel
2025-10-27 12:26:29 -05:00
parent 6083fced21
commit 53cdaa3037
5 changed files with 121 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
lab/index.html Normal file
View File

@@ -0,0 +1,29 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Letter Grade Calcualtor App</title>
<link href="/lab/styles.css" rel="stylesheet" />
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> -->
</head>
<body>
<div class="fgd">
<!-- top header -->
<h1>Letter Grade Calculator</h1>
</div>
<div class="fsd">
<!-- body for the app -->
<h2>Instructions</h2>
<p>Type in your numeric grade and I you will get your correcponding letter grade.</p><br>
<label>Student Name:</label> <input type="text" id="name" placeholder="Bill Gates"/> <br> <br>
<label>Numeric Grade:</label> <input type="number" max="100" id="meow" placeholder="74"/> <br><br>
<button onclick="calcthis()">Get My Letter Grade</button><br><br> <br>
<div class="result">
<p id="result"></p>
</div>
</div>
<!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script> -->
<script src="/lab/GradeCalculator.js"></script>
</body>
</html>