1
respuesta

Challege E-commerce

Hola, buenas tardes profesores One tengo una pregunta para mi Challenge E-commers tengo este codigo de un archivo llamador index.html

<!-- muñeco -->
                    <div class="ventas">
                        <div class="ventas__imagen yoda"></div>
                        <div class="venta__detalles">
                            <h4 class="venta__detalles-titulo">yoda muñeco</h4>
                            <h5 id="precio-venta">$ 30,00</h5>
                            <a id="ver_producto">Ver producto</a>
                        </div>
                    </div>

luego tengo este otro archivo llamado articulo con este codigo:

<div class="articulo-imagen">
                    <img class="imagen" src="img/ventas/start-wars/yoda.jpg" data-image="yoda">
                </div>
                <div class="articulo-contenido-descripcion">
                    <h2 class="articulo_nombre">Nombre</h2>
                    <h3 class="articulo_precio">precio</h3>
                    <p class="articulo-descripcion">Lorem ipsum.</p>
                </div>

la inquietud que tengo es como hacer que cuando de click al ver producto que es un link me redireccione al archivo llamado articulos.html pero que ademas poder agregar el valor de venta__detalles-titulo del index.html al articulo_nombre de articulos.html articulo_nombre. tengo este codigo js pero no me funciona:

const ver_producto = document.querySelector("#ver_producto");
const articuloNombre = document.querySelector(".articulo_nombre");
const ventaNombre = document.querySelector(".venta__detalles-titulo").textContent;
const ventaPrecio = document.querySelector("#precio-venta").textContent;
const articuloPrecio = document.querySelector(".articulo_precio");

ver_producto.addEventListener("click", () => {
    window.location.href = "articulo.html"
    //titulo de venta
    articuloNombre = ventaNombre.textContent;
    //precio de venta
    articuloPrecio = ventaPrecio.textContent;
})

ayuda por favor

1 respuesta

¡Hola Hernán!

Para redireccionar al archivo "articulos.html" y agregar el valor de "venta__detalles-titulo" al elemento "articulo_nombre", puedes hacer lo siguiente:

const ver_producto = document.querySelector("#ver_producto");
const articuloNombre = document.querySelector(".articulo_nombre");
const ventaNombre = document.querySelector(".venta__detalles-titulo").textContent;

ver_producto.addEventListener("click", () => {
    // Redireccionar al archivo articulos.html
    window.location.href = "articulos.html";
    
    // Agregar el valor de venta__detalles-titulo al elemento articulo_nombre
    articuloNombre.textContent = ventaNombre;
});

En este código, primero obtenemos el elemento con el id "ver_producto" y el elemento con la clase "articulo_nombre". Luego, obtenemos el texto contenido en el elemento con la clase "venta__detalles-titulo" y lo guardamos en la variable "ventaNombre".

Después, agregamos un evento "click" al elemento "ver_producto". Cuando se haga clic en él, se redireccionará al archivo "articulos.html" utilizando la propiedad "window.location.href". Luego, asignamos el valor de "ventaNombre" al texto del elemento "articuloNombre" utilizando la propiedad "textContent".

Espero que esta solución te sea útil. ¡Buena suerte con tu Challenge E-commerce! Si tienes alguna otra pregunta, estaré aquí para ayudarte.

¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)