forked from BitsBlender/two-way-data-binding-VanilaJS
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
35 lines (32 loc) · 922 Bytes
/
index.html
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
30
31
32
33
34
35
<!DOCTYPE html>
<html>
<head lang="eng">
<meta charset="UTF-8">
<title>Two Way Data Bindings</title>
<script src="two-way-bind.js"></script>
</head>
<body>
Name:
<input data-bind="name" type="text">
<p data-bind="name"></p>
<hr/>
<script>
dataController(function ($scope) {
$scope.name = "PhaniKumar"
$scope.score = 50
})
</script>
<p>Give score</p>
<input type="range" data-bind="score" min="0" max="100">
<progress data-bind="score" min=0 max=100></progress>
<hr/>
<select data-bind="selection">
<option disabled selected value> -- select an option -- </option>
<option value="Audi">Audi
<option value="BMW">BMW
<option value="Mercedes">Mercedes
<option value="Volvo">Volvo
</select>
you selected: <span data-bind="selection"></span>
</body>
</html>