-
Notifications
You must be signed in to change notification settings - Fork 0
/
core-objects(math).html
172 lines (144 loc) · 6.44 KB
/
core-objects(math).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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel='stylesheet' href='css/style.css' type='text/css' />
<title>JS tutorial practicing</title>
</head>
<body>
<h1>Core Objects - Math</h1>
<section>
<b>The Math Object - Math.sqrt</b>
<br /> Inserira um número para saber no alerta a Raiz Quadrada, através de comandos "Math.sqrt(x)".
<br /><br />
<form>
<input type="text" name="raizquadrada" id="raizquadrada" required="" placeholder="Inseira um número" />
<input type="button" name="submit" value="ver resposta" onclick="validateForm()">
</form>
<strong id="demo3"></strong>
<script>
function validateForm() {
var minhaRaiz = Number(document.getElementById("raizquadrada").value);
var raiz = Math.sqrt(minhaRaiz);
document.getElementById("demo3").innerHTML = "A raiz quadrada de " + minhaRaiz + " é " + raiz;
}
</script>
</section>
<section>
<b>Math.round </b>
<br /> Retorna o valor do número mais próximo, através de comandos "Math.round(x)".
<br /><br />
<form>
<input type="text" name="around" id="around" required="" placeholder="Ex 5.5" />
<input type="button" name="submit" id="btnaround" value="Mostra número mais próximo">
</form>
<br />
<strong id="demo4"></strong>
<script>
document.getElementById("btnaround").addEventListener("click", funcRound);
function funcRound() {
var maisProximo = document.getElementById("around").value;
document.getElementById("demo4").innerHTML = Math.round(maisProximo);
};
</script>
</section>
<section>
<b>Math.ceil</b>
<br /> Retorna o valor <b>alto</b> do número mais próximo, através de comandos "Math.ceil(x)".
<br /><br />
<form>
<input type="text" name="ceil" id="ceil" required="" placeholder="Ex 5.1" />
<input type="button" name="submit" id="alto" value="Mostra número ALTO mais próximo">
</form>
<br />
<strong id="demo5"></strong>
<script>
document.getElementById("alto").onclick = function () { funcCeil() };
function funcCeil() {
var maisAlto = document.getElementById("ceil").value;
var numeroAlto = Math.ceil(maisAlto);
document.getElementById("demo5").innerHTML = numeroAlto;
};
</script>
</section>
<section>
<b>Math.floor</b>
<br /> Retorna o valor <b>baixo</b> do número mais próximo, através de comandos "Math.floor(x)".
<br /><br />
<form>
<input type="text" name="floor" id="floor" required="" placeholder="Ex 5.9" />
<input type="button" name="submit" id="baixo" value="Mostra número BAIXO mais próximo">
</form>
<br />
<strong id="demo6"></strong>
<script>
document.getElementById("baixo").onclick = function () {
var maisBaixo = document.getElementById("floor").value;
document.getElementById("demo6").innerHTML = Math.floor(maisBaixo);
}
</script>
</section>
<section>
<b>Random - Math.random(x)</b>
<br /> Retorna um valor aleatório entre 0 e o números escolhido, junto com o comando "Math.floor()".
<br /><br />
<form>
<input type="text" name="random" id="random1" required="" placeholder="Inseira um número" />
<input type="button" name="submit" id="aleatorio" value="Ver número aleatório">
</form>
<br />
<strong id="resp01">Resposta sem o número digitado</strong><br />
<strong id="resp02">Resposta com o número digitado</strong>
<script>
document.getElementById("aleatorio").onclick = function () {
var randomico = document.getElementById("random1").value;
document.getElementById("resp01").innerHTML = Math.floor(Math.random() * randomico);
document.getElementById("resp02").innerHTML = Math.floor(Math.random() * randomico) + 1 + " mais o digitado";
}
</script>
</section>
<section>
<b>Random entre strings/objects - Math.random(x)</b>
<br /> Retorna um valor aleatório entre as palavras digitadas abaixo, junto com o comando "Math.floor()".
<br /><br />
<form>
<input type="text" name="random" required="" id="rand1" />
<input type="text" name="random" required="" id="rand2" />
<input type="text" name="random" required="" id="rand3" />
<input type="button" name="submit" id="aleatorio2" value="Ver aleatório" onclick="funcRandom()">
</form>
<br />
<strong id="resp03"></strong>
<script>
function funcRandom() {
var valor1 = document.getElementById("rand1").value;
var valor2 = document.getElementById("rand2").value;
var valor3 = document.getElementById("rand3").value;
var valores = [valor1, valor2, valor3];
document.getElementById("resp03").innerHTML = valores[Math.floor(Math.random() * valores.length)];
};
</script>
</section>
<section>
<b>Random entre números escolhidos - Math.random(x)</b>
<br /> Retorna um valor aleatório entre números digitados baixo
<br /> cria variaveis com "Number(x)" junto com o comando "Math.floor(x)" e mais "(max-min)+min".
<br /><br />
<form>
<input type="text" name="random" required="" id="escolha1" />
<input type="text" name="random" required="" id="escolha2" />
<input type="button" name="submit" value="Ver aleatório entre" onclick="funcEntre()">
</form>
<br />
<strong id="resp04"></strong>
<script>
function funcEntre() {
var min = Number(document.getElementById("escolha1").value);
var max = Number(document.getElementById("escolha2").value);
document.getElementById("resp04").innerHTML = Math.floor(Math.random() * (max - min + 1)) + min;
}
</script>
</section>
</body>
</html>