Mi código es el siguiente y funciona perfectamente, ademas de eso hay más div, pero quiero agregar un botón que se llama como "Agregar nueva habitación" y cuando se le presione quiero que se cree otra más en el body similar al código que esta presente ¿Es posible realizar eso? Si es así ¿Más o menos como pudiera elaborarlo?
<script type="text/javascript">
function sig(){
var array = new Array(" Disponible ", " Ocupado ", " Mantenimiento ",);
for (i = 0; i < array.length; i++) {
if(document.getElementById('Fmbtn').value == array[i]) {
var indice = (i + 1 == array.length) ? 0 : i + 1;
document.getElementById('Fmbtn').value = array[indice];
localStorage.setItem("estado", array[indice]);
break;
}
}
}
window.onload=function()
{
if(localStorage.getItem("estado") != null) {
estado =localStorage.getItem("estado");
document.getElementById('Fmbtn').value = estado;
}
}
HTML:
<div class="row" style="text-align:center">
<div class="span2">
<div class="well well-small">
<h4>Habitación 1</h4>
<input id="Fmbtn" type="button" value=" Disponible " onclick="sig()" />
<a href="habitacion1.php"><small>Ver detalles</small></a>
</div>
</div>