Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    Propietà innerHTML non funziona

    Vorrei usare innerHTML = ''; per svuotare un parent div e poi popolarlo con altri children div ma, non so perchè, non funziona:

    codice:
    nextPage.addEventListener('click', () => {
    if (pageNum.value >= 500) return;
    pageNum.value = +pageNum.value + 1;
    cardsContainer.innerHTML = '';
    fetchData(pageNum, sorting);
    createCard();
    });

    In pratica il vecchio contenuto non viene rimosso ed il nuovo contenuto viene inserito dopo il vecchio...
    Se avete bisogno di una Web Page potete trovarmi qui: https://www.fiverr.com/s2/e6b3767f4c

  2. #2
    Moderatore di Programmazione L'avatar di alka
    Registrato dal
    Oct 2001
    residenza
    Reggio Emilia
    Messaggi
    24,302
    Quote Originariamente inviata da Utonto Tonto Visualizza il messaggio
    Vorrei usare innerHTML = ''; per svuotare un parent div e poi popolarlo con altri children div ma, non so perchè, non funziona
    [...]
    Mostra anche il resto del codice, in particolare quello che riguarda dichiarazione e assegnazione della variabile cardsContainer.
    MARCO BREVEGLIERI
    Software and Web Developer, Teacher and Consultant

    Home | Blog | Delphi Podcast | Twitch | Altro...

  3. #3
    Quote Originariamente inviata da alka Visualizza il messaggio
    Mostra anche il resto del codice, in particolare quello che riguarda dichiarazione e assegnazione della variabile cardsContainer.
    Ciao alka,
    il codice è lunghetto comunque eccolo in parte:

    codice:
    const cardsContainer = document.querySelector('.cards-container');
    
    function fetchData(page, sort) {
        try {
            fetch(`${TMDB_API_URL}sort_by=${sort.value}&${TMDB_API_KEY}&page=${page.value}`, {
                method: 'GET'
            }).then(res => {
                if (res.status !== 200) {
                    throw new Error('Sorry an error occured. Try again later...');
                }
                return res.json();
            }).then(data => {
                data.results.forEach(movieData => {
                    let movie = {
                        _id: movieData.id,
                        title: movieData.title,
                        genre: movieData.genre_ids,
                        cover: movieData.poster_path,
                        rating: movieData.vote_average,
                        release: movieData.release_date
                    };
                    movies.push(movie);
                });
            })
        } catch(error) {
            console.log(error);
        }
    }
    
    function createCard() {
        setTimeout(() => {
            movies.forEach(movie => {
                cardElements(movie.title, movie.cover, movie.release, movie.rating);
                const card = document.querySelector('.card');
                cards.push(card);
            });
            cardAnimation();
    
        }, 1000);
    }
    
    nextPage.addEventListener('click', () => {
        if (pageNum.value >= 500) return;
        pageNum.value = +pageNum.value + 1;
        cardsContainer.innerHTML = '';
        fetchData(pageNum, sorting);
        createCard();
    });
    Ultima modifica di Utonto Tonto; 19-08-2021 a 10:52
    Se avete bisogno di una Web Page potete trovarmi qui: https://www.fiverr.com/s2/e6b3767f4c

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.