29 lines
1.4 KiB
HTML
29 lines
1.4 KiB
HTML
<!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> |