<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
</head>
<body>
<nav class="navabar navbar-default">
<div class="container-fluid">
<a class="navbar-brand" href="https://sourcecodester.com">Sourcecodester</a>
</div>
</nav>
<div class="col-md-3"></div>
<div class="col-md-6 well">
<h3 class="text-primary">JavaScript - Simple Grade Calculator Using jQuery</h3>
<hr style="border-top:1px dotted;"/>
<div class="col-md-3"></div>
<div class="col-md-6">
<div class="form-group" id="data">
<input type="number" placeholder="Enter a number" class="form-control grade" min="0" max="100"/>
</div>
<div id="result">
</div>
<center><button class="btn btn-primary" id="calculate"><span class="glyphicon glyphicon-credit-card"></span> Calculate</button> <button class="btn btn-success" id="reset"><span class="glyphicon glyphicon-refresh"></span> Reset</button> <button class="btn btn-warning" id="add"><span class="glyphicon glyphicon-plus"></span> Add</button></center>
</div>
</div>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>
Simple Grade Calculator Using jQuery Tutorial.zip
需积分: 5 107 浏览量
2023-11-08
19:49:28
上传
评论
收藏 392KB ZIP 举报
Simple Grade Calculator Using jQuery Tutorial.zip （19个子文件） 
JavaScript - Simple Grade Calculator Using jQuery js 
bootstrap.js 68KB npm.js 484B bootstrap.min.js 36KB jquery-3.2.1.min.js 85KB script.js 1011B css bootstrap-theme.min.css.map 25KB bootstrap.min.css 118KB bootstrap-theme.css.map 47KB bootstrap-theme.css 26KB bootstrap.css.map 380KB bootstrap.css 143KB bootstrap-theme.min.css 23KB bootstrap.min.css.map 529KB
index.html 1KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB资源评论
