Star-Rating-System/index.html at master · Xiang-Robi/Star-Rating-System · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8"/>
	<title>Star Rating System - V1</title>
	<link type="text/css" rel="stylesheet" href="Rating.css"/>
	<script type="text/javascript" src="Rating.js"></script>
</head>
<body>
<div class="container" id='container'>
	<div class="instruction">Click to rate:</div>
	<div class="star-container" id='star-container'>
		<span class="item" id="1">☆</span>
		<span class="item" id="2">☆</span>
		<span class="item" id="3">☆</span>
		<span class="item" id="4">☆</span>
		<span class="item" id="5">☆</span>
	</div>

	<div class="description">
		<p class="description-text" id="description1">Too bad!</p>
		<p class="description-text" id="description2">Bad!</p>
		<p class="description-text" id="description3">OK!</p>
		<p class="description-text" id="description4">Good!</p>
		<p class="description-text" id="description5">Excellent!</p>
	</div>
</div>
</body>
</html>