Hola a todos:
Éste es mi primer mensaje en el foro, muchas gracias de antemano por la ayuda.
Estoy haciendo una web simple, en la que quiero ir añadiendo "productos" a una lista de la compra. Hasta ahora lo tenía montado que al introducir lo que desearas en un campo de texto y clicar al boton añadir, te lleva a una función donde me creaba un nuevo párrafo con ese producto y al terminar hay un botón terminar que te lleva a otra función donde junta todos esos productos y los muestra por una alerta.
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/
xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<link rel="stylesheet" type="text/css" href="estilos.css" media="screen" />
<script type="text/javascript" src="codigo2.js"></script>
<title>Lista de la compra</title>
</head>
<body>
<noscript>
<p>Bienvenido a lista de la compra</p>
<p>La pagina que estas viendo requiere para su funcionamiento el uso de JavaScript.
Si lo has deshabilitado intencionadamente, por favor vuelve a activarlo.</p>
</noscript>
<h1>Aplicacion para realizar la lista de la compra</h1>
<p><b>Bienvenido,</b></p>
<p>Estas en la pagina <b>Lista de la compra</b>.</p>
<p>Introduce los productos que deseas añadir al carro de la compra: </p>
<p>Una vez finalizado, dale al boton TERMINAR </p>
<form name="formulario" id="formulario" >
<input type="text" name="elemento" id="texto" />
</form>
<input type="submit" value="Añadir" onclick="otroElemento()">
<input type="submit" value="TERMINAR" onclick="presentacion()">
<UL>
<LI>Productos que se desean añadir al carrito de la compra:
</body>
</html>
Código Javascript
:
Ver originalfunction otroElemento() {
var valor = document.getElementById("texto").value;
var primerElemento = document.formulario.elemento;
// Crear nodo de tipo Element
var parrafo = document.createElement("p");
// Crear nodo de tipo Text
var contenido = document.createTextNode(valor);
// Añadir el nodo Text como hijo del nodo Element
parrafo.appendChild(contenido);
// Añadir el nodo Element como hijo de la pagina
document.body.appendChild(parrafo);
var valor = document.getElementById("texto").value="";
}
function presentacion() {
var parrafos = document.getElementsByTagName("p");
var parrafo = "A continuacion se muestra su lista de la compra: ";
for(var i=4; i<parrafos.length; i++) {
var parrafo = parrafo + " " + parrafos[i].innerHTML;
}
alert(parrafo);
}
Pero me gustaría que en vez de añadir párrafos, añadiera elementos a una lista desordenada (la que he comenzado, por ejemplo) y después en vez de mostrarlos en una alerta, mostrar la lista entera en otra página. La cuestión es que no se me ocurre como.
Muchas gracias de nuevo, un saludo a todos.