Practica HTML, CSS, JavaScript: “Tienda Online”

Enunciado:

Hacer una tienda online sobre informática en la que habrá que aplicar lo aprendido durante el curso, es decir, HTML, CSS y JavaScript.

Pulsando en leer mas se muestra todo el código, que no es poco.

CÓDIGO HTML:

CÓDIGO JAVASCRIPT:

CÓDIGO CSS:

23 thoughts on “Practica HTML, CSS, JavaScript: “Tienda Online”

  1. wowowowo vaya codigazoo lleva la paginaa no ??
    me he metidoo para echarle un vistazo al javascript porque no sabia como
    cambiar de productoss jaja
    nos vemos kOO!! 😉

    1. Puedes copiar lo que quieras xD esta en el blog para ayudar ; )

      Y es normal que no sepas cambiar los productos, si es que a estas horas es imposible que te salga nada xDD

  2. Gracias por el tutorial esta muy bien explicado, eres genial, de java script no entiendo mucho yo preferiria controlarlo todo desde una base de datos, aun asi tu trabajo me servira de guia para alcanzar mi proposito, de verdad muchas gracias, hay tutoriales por internet, pero no llegan ni a la mitad que el tuyo, una vez mas gracias

  3. Los códigos están muy bien explicados. Gracias! Sólo tengo una duda, si lo hiciera responsive debería modificar algo? No he mirado el CSS como tal, más bien me fijé en el HTML y el javascript.

    1. Pues tendrías que pasar el HTML a HTML5 e indicar en la cabecera que la página es responsive además de modificar todo el CSS que afecte a los anchos y resoluciones de pantalla.

  4. Estoy haciendo una practica de una tienda, con frames, en una parte va la parte del administrador y tiene una tabla que va registrando las ventas y tambien poder modificar el inventario de los productos y en el otro Frame va la parte del cliente, aparecen los productos y puede hacer compras.
    Como le hago para que compartan el mismo Script y las mismas variables en el inventario, cuando agrego mas al inventario no se registran en el Frame del cliente, alguien podria ayudarme?

  5. Al introducir los datos, y pinchar sobre pagar, da un error en el campo DNI solamente, todos los demás funcionan correctamente. ¿Sabes por qué puede ser?
    Gracias.

    1. Hola Saúl,

      Supongo que habrás puesto un DNI ficticio tienes que poner uno real ya que comprueba que la letra se corresponda con los números. Si no es eso depura el código con el navegador para averiguar qué sucede.

      Saludos.

    2. Hola necesito tu ayuda soy nuevo en esto de html yo entro en index del archivo que dejaste arriba y me da una pagina para llenar datos. Lo que yo quiero es la parte de la tienda online para atraves de html poder agregar y sacar productos

    3. Gracias, ando intentando corregir ese pequeño problema, pero ahora me ha surgido otro.
      Al aplicar el código a mi página, le he añadido un menú que no me da ningún tipo de problema, pero no se porque de repente, la barra de desplazamiento vertical no me aparece a la derecha, por lo que no puedo desplazarme por la página.
      He añadido un footer para ver si podía arreglarlo y efectivamente, el footer si que se me desplaza y se aprecia por detrás, pero las fotos que aparecen centradas, junto con el formulario de envio permanecen fijas y no me permiten desplazarme para bajar.
      Muchas gracias de nuevo.

    4. Esto fue una practica sencilla de un grado medio para poner a prueba los conocimientos en JS, te recomiendo que hagas la página de cero con Bootstrap y separando debidamente.

      Saludos.

  6. Hola quisiera saber si hay una forma de enviar los productos y la cantidad que se seleccionó por correo electrónico usando php, porque sólo conseguí enviar los datos personales, Gracias!

    1. Hola Diego,
      editando el código deberías de poder hacerlo, aunque como desde un principio no estaba pensado para ello igual te da mas trabajo mejorarlo que hacerlo de cero.
      Saludos.

Los comentarios están cerrados.