1
<html>
<head>
<meta charset="utf-8">
<title>P1-2017-RAD I</title>
</head>
<body>
<form action="javascript:void(0);" method="POST" onsubmit="cadastro.add()">
<input type="text" id="addplaca" placeholder="Placa">
<input type="text" id="addmarca" placeholder="Marca">
<input type="text" id="addmodelo" placeholder="Modelo">
<input type="submit" value="Salvar">
</form>
<!-- O ERRO É ESSE -->
<form action="javascript:void(0);" method="POST" onsubmit="cadastro.busca()">
<p>
<input type="text" id="buscar" placeholder="Placa">
<input type="submit" value="Buscar">
</form>
<!-- -->
<table>
<tr>
<th>PLACA MARCA MODELO</th>
</tr>
<tbody id="veiculos">
</tbody>
</table>
</body>
<script>
var cadastro = new function() {
this.veiculos = [];
this.el = document.getElementById("veiculos");
this.itemEditar = -1;
this.listarTodos = function() {
var dados = '';
if (this.veiculos.length > 0) {
for (i = 0; i < this.veiculos.length; i++) {
dados += '<tr>';
dados += '<td>' + this.veiculos[i].placa + '</td>';
dados += '<td>' + this.veiculos[i].marca + '</td>';
dados += '<td>' + this.veiculos[i].modelo + '</td>';
dados += '<td><button onclick="cadastro.editar(' + i + ')"> Alterar </button></td>';
dados += '<td><button onclick="cadastro.excluir(' + i + ')"> Excluir </button></td>';
dados += '</tr>';
}
}
this.el.innerHTML = dados;
};
this.add = function() {
var id;
var placa = document.getElementById("addplaca").value;
var marca = document.getElementById("addmarca").value;
var modelo = document.getElementById("addmodelo").value;
var elem = {
id: this.id++,
placa: placa,
marca: marca,
modelo: modelo
};
if (elem) {
if (this.itemEditar == -1) {
this.veiculos.push(elem);
this.id = this.id++;
} else {
this.veiculos.splice(this.itemEditar, 1, elem);
this.itemEditar = -1;
}
this.listarTodos();
}
alert("Veiculo (Re)Cadastrado com Sucesso!")
this.novo();
};
this.editar = function(item) {
this.itemEditar = item;
var placaE = this.veiculos[item].placa;
var marcaE = this.veiculos[item].marca;
var modeloE = this.veiculos[item].modelo;
if (placaE && marcaE && modeloE) {
var elPlaca = document.getElementById("addplaca");
var elMarca = document.getElementById("addmarca");
var elModelo = document.getElementById("addmodelo");
elPlaca.value = placaE;
elMarca.value = marcaE;
elModelo.value = modeloE;
}
};
this.novo = function() {
var elMarca = document.getElementById("addmarca");
var elPlaca = document.getElementById("addplaca");
var elModelo = document.getElementById("addmodelo");
elMarca.value = '';
elPlaca.value = '';
elModelo.value = '';
};
this.excluir = function(item) {
this.veiculos.splice(item, 1);
this.listarTodos();
alert("Veiculo Excluido");
};
//---------------------O ERRO É ESSE--------------------------------
this.busca = function() {
var busca = document.getElementById("buscar");
for (i = 0; i < this.veiculos.length; i++) {
if (busca == this.veiculos[i].placa) {
this.listarTodos();
}
}
if (this.veiculos.length == 0) {
alert("Veiculo Não Encontrado");
}
};
//----------------------------------------------------------------------
};
function fechar() {
document.getElementById("mostrar").style.display = 'none';
};
cadastro.listarTodos();
</script>
</html>When I do a search for the license plate, it doesn’t show up the vehicle I registered