Class Piso and class Consola
/**
* Classe Piso
* contem um numero piso
*/
function Piso(id) {
this.id = id;
}
/**
* Classe Consola
* contem uma lista de pisos
*/
function Consola(nome) {
this.nome = nome;
this.indice= -1;
this.pisos = [];
}
function to insert a piso into consola
/**
* Função para inserir um piso
* entrada: numero
* saida: -
*/
Consola.prototype.inserirPiso = function () {
//cria o piso apartir de zero
var novo = new Piso(this.indice++);
//adiciona na lista de compartimentos
this.pisos.push(novo);
};
/**
* Função para remover um piso
* entrada: numero
* saida: -
*/
Consola.prototype.remover = function (base) {
while (base.firstChild != undefined) {
base.removeChild(base.firstChild);
}
}
/**
* Função para inserir um piso
* entrada: numero
* saida: -
*/
Consola.prototype.criarPiso = function criarPiso() {
var div = document.createElement("div");
var btnCriar = document.createElement("button");
var btnCriarText = document.createTextNode("Criar");
btnCriar.appendChild(btnCriarText);
//cria o evento
btnCriar.onclick = function () {
//inserir Piso
inserirPiso();
}
div.appendChild(btnCriar);
this.visualizacao.appendChild(div);
};
/**
* Função para remover um piso
* entrada: numero
* saida: -
*/
Consola.prototype.removerPiso = function (indice) {
var div = document.createElement("div");
var btnApagar = document.createElement("button");
var btnApagarText = document.createTextNode("Apagar");
btnApagar.appendChild(btnApagarText);
//cria o evento
btnApagar.onclick = function () {
//remover Piso
remover(indice);
}
div.appendChild(btnApagar);
this.visualizacao.appendChild(div);
};
/**
* Função para criar novo Checkbox
* entrada: nome e id
* saida: novo Checkbox
*/
function criarCheckbox(nome, id) {
var checkbox = document.createElement('input');
checkbox.type = 'checkbox';
checkbox.nome = nome;
checkbox.id = id;
return checkbox;
}
/**
* Função para ver todos piso com checkbox
* entrada:
* saida: todos os pisos criados
*/
Consola.prototype.verTodosPisos = function () {
for (var i = 0; i < this.pisos.length; i++) {
if (this.pisos[i] !== undefined) {
this.visualizacao.appendChild(criarCheckbox("Piso" + this.pisos[i].id, this.pisos[i].id));
}
}
};
/**
* Função para ver um piso
* entrada: indice do piso
* saida: piso
*/
Consola.prototype.verPiso = function (indice) {
for (var i = 0; i < this.pisos.length; i++) {
if (this.pisos[i].id === indice)
return this.pisos[i];
}
return false;
};
my doubt is when I try to create Piso through DOM does not show neither button created and also when calling window.unload does not show anything on the screen
I think now it just lacks the function to show the console on screen
function that will be executed when the page is fully loaded.
window.onload = function () {
//chama criar piso e nao mostra nenhum dados da consola
criarPiso();
}
My goal is to implement that when testing, it would have to be more or less, this way as the figure shows,
