- 01
- 02
- 03
- 04
- 05
- 06
- 07
- 08
- 09
- 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
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="css/style.css">
<!--[if IE]>
<script src="https://raw.githubusercontent.com/aFarkas/html5shiv/master/dist/html5shiv.min.js"></script>
<![endif]-->
<style>
article, aside, details, figcaption, figure, footer,header,
hgroup, menu, nav, section { display: block; }
</style>
</head>
<body>
<input id="inp" type="number" placeholder="num" min="-2" max="37" step="7" value="17">
<br>
<input type="button" value="+" onclick="plus()">
<input type="button" value="-" onclick="minus()">
<br>
<div id="info"></div><br>
<input id="rng" type="range" min="0" max="255" step="1" value="0" onchange="info2.innerHTML = rng.value; info2.style.color = 'rgb('+rng.value+','+0+','+rng.value+')'">
<div id="info2"></div>
<br>
<input type="date">
<input type="time">
<br>
<input type="search">
<script>
function plus() {
inp.stepUp(3);
Info();
}
function minus() {
inp.stepDown(3);
Info();
}
function Info() {
info.innerHTML = inp.valueAsNumber;
}
</script>
</body>
</html>