Cesta de la compra

  <input type="text" id="producto" onkeyup="tecla(event)">
 <input type="button" onclick="comprar()" id="compra" value="Comprar">
 <input type="button" onclick="ordenar()" id="ordenar" value="Ordenar">
 <div id="cesta"></div>
var cesta = [];
function comprar() {
 var producto = document.getElementById('producto').value;
 if (producto.trim() !== "" && cesta.indexOf(producto) === -1) {
 cesta.push(producto);
 mostrar();
 } else {
 alert("Producto incorrecto o repetido");
 }
}
function tecla(event){
 if (event.keyCode===13){
 comprar();
 document.getElementById('producto').value="";
 }
}
function ordenar() {
 cesta.sort();
 mostrar();
}
function mostrar() {
 var resultado = document.getElementById('cesta');
 resultado.innerHTML = "";
 for (var i = 0; i < cesta.length; i++) {
 resultado.innerHTML += "<p>" + i + ".- "
 + cesta[i] +
 " <input type='button' value='X' onclick='borrar(" + i + ")'>" + "</p>";
 }
}
function borrar(i) {
 cesta.splice(i, 1);
 mostrar();
}

Publicado por

Avatar del usuario

Juan Pablo Fuentes

Formador de programación y bases de datos