"Solução Exercicios 3 , 4 e 5"
Bootstrap 4.1.1 Snippet by psd06t

Post to Facebook Tweet this

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
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<form action="#">
<div class="row">
<div class="small-3 columns">
<label for="lbNumero">Número:</label>
</div>
<div class="small-9 columns">
<input type="text" id="txtNumero" />
</div>
</div>
<div class="row">
<div class="small-3 columns">
<label for="lbNome">Nome:</label>
</div>
<div class="small-9 columns">
<input type="text" id="txtNome" />
</div>
</div>
<div class="row">
<div class="small-3 columns">
<label for="lbSexo">Sexo:</label>
</div>
<div class="small-9 columns">
<input type="radio" name="rbSexos" value="masculino" />Masculino
<input type="radio" name="rbSexos" value="feminino" />Feminino
</div>
</div>
<div class="row">
<div class="small-3 columns">
<label for="lbDataNasc">Data Nascimento:</label>
</div>
<div class="small-9 columns">
<input type="date" id="txtDataNasc" />
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.row label {
text-align: right;
padding-top: 8px;
}
.row .columns {
padding: 0px 1%;
}
.row input[type="radio"] {
margin: 12px 0px !important;
}
table {
margin: 0px 1% 8px 1%;
width: 98%;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
var clientes = [];
var txtNumero = document.getElementById("txtNumero");
var txtNome= document.getElementById("txtNome");
var rbSexos = document.getElementsByName('rbSexos');
var txtDataNasc = document.getElementById("txtDataNasc");
var tmplLinha = document.getElementById("tmplLinha");
var tbody = document.getElementsByTagName("tbody")[0];
var btCriarCliente = document.getElementById("btCriarCliente");
isNullOrWhiteSpace = function (str) {
return !str || str.trim().length == 0;
}
btCriarCliente.onclick = function () {
var cliente = {};
var sexo = ""
var novaLinha = document.createElement('tr');
for (var i = 0; i < rbSexos.length; i++) {
if (rbSexos[i].checked) {
sexo = rbSexos[i].value;
}
}
cliente = {
Numero: parseInt(txtNumero.value),
Nome: txtNome.value,
Sexo: sexo,
DataNasc: new Date(txtDataNasc.value),
}
if (isNaN(cliente.Numero) || isNullOrWhiteSpace(cliente.Nome) || isNullOrWhiteSpace(cliente.Sexo) || isNaN(cliente.DataNasc.getTime())) {
return;
}
for (var indice in clientes) {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Gaia Bootstrap Template

Questions / Comments: