<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Tip Calculator App</title>
</head>
<body>
<div id="container">
<h1>Tip Calculator</h1>
<hr>
<div>
<label>Total Bill:</label>
<input type="text" placeholder="Enter your total bill..." id="billTotal">
</div>
<div>
<label>Tip:</label>
<input type="range" min="15" max="25" id="tipInput">
<span id="tipOutPut"></span>
</div>
<div>
<label>Split (number of people):</label>
<input type="range" min="1" max="10" value="1" id="splitInput">
<span id="splitOutPut"></span>
</div>
<hr>
<div>
<div>
<label>New bill (per person):</label><span id="newBill"> 0</span>
</div>
</div>
<div>
<div>
<label>Tip Amount (per person):</label><span id="tipAmount"> 0</span>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>
Simple Tip Calculator App in JavaScript Free Source Code.zip
39 浏览量
2023-11-08
19:52:33
上传
评论
收藏 2KB ZIP 举报
Simple Tip Calculator App in JavaScript Free Source Code.zip （3个子文件） 
Simple Tip Calculator App in JavaScript 
style.css 816B
index.html 1008B script.js 729B资源评论
