medioCronometro.js

var button = document.getElementById("update");

var interval;
var min = 2;
var sec = 60;

button.addEventListener("click", function(){
	var name = document.getElementById('name');
	var title = document.getElementsByTagName('h1')[0];
	title.innerHTML = name.value;
	name.value = '';
	//cronometro
	//creamos los elementos
	var minutos = document.createElement("h3");
	var segundos = document.createElement("h4");
	//seleccionamos el jumbotron
	var jumbotron = document.getElementsByClassName("jumbotron")[0];
	//agregamos el dato a los elementos
	minutos.innerHTML = min;
	segundos.innerHTML = sec;
	//los volvemos parte del dom
	jumbotron.appendChild(minutos);
	jumbotron.appendChild(segundos);


	interval = setInterval(function(){
		if(min >= 0 && sec > 0){
			sec--;
			segundos.innerHTML = sec;
		}
		else if(min >= 1 && sec === 0){
			sec = 60;
			min--;
			minutos.innerHTML = min;
			segundos.innerHTML = sec;
		}
		else if(min <= 0 && sec < 1){
			clearInterval(interval);
			alert("se acabó");
		}
	}, 1000);
});