Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
De ce au devenit recenziile Googl...

Mail suspect

Care adeziv de placi ceramice ii ...

[GAMING PC BUILD] Aprox 12000 lei
 Care sint cele mai ieftine mortar...

Ferdinand Residence - Sectorul 2

programel Win Movie Maker

Meritau ginerii lui Lot sa moara?
 Ce credeți ca s-ar intampla ...

Instanta amana sistematic pronunş...

se poate folosi alt incarcator US...

Parchet impermeabil + fara praguri
 Despre prima de activare

One Cotroceni

Piese noi pentru reducerea zgomot...

Refuzat la imbarcare din cauza un...
 

Uncaught TypeError: Cannot read property 'addEventListener' of null at script.js:4

- - - - -
  • Please log in to reply
2 replies to this topic

#1
Whifitws

Whifitws

    New Member

  • Grup: Candidate Members
  • Posts: 2
  • Înscris: 18.08.2020
Imi tot apare acest mesaj si nu stiu ce sa ii fac. Tocmai incepeam sa invat sa fac un website folosind HTML, CSS si Javascript, deci am folosit codurile intocmai ca in tutorial si tot nu vrea sa mearga. Aveti vreo idee?

<ul class="nav-list">
  <div class="menu-icons close">
    <i class="icon ion-md-close"></i>
  </div>
  <li class="nav-item">
    <a href="#" class="nav-link">Home</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">Destination</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">Pricing</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">Booking</a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">About Us</a>
  </li>
    </ul>

Acesta e codulin HTML



.nav-list{
  width: 25rem;
  height: 100vh;
  background: #d7d4ed ;
  position: fixed;
  top: 0;
  right: -26rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 1500;
  transition: all 650ms ease-in-out;
}
.nav-list.active{
  right: 0;
}
.close{
  position: absolute;
  top: 1rem;
  left: 1.5rem;
}
Acesta este codul CSS




// function expression to selsct elements
const selectElement = (S) => document.querySelector(S);
// Open the menu on click
selectElement('.open').addEventListener('click', () => { selectElement('.nav-list').classList.add('active'); });
// Close the menu on click
selectElement('.close').addEventListener('click', () => { selectElement('.nav-list').classList.remove('active'); });
Iar acesta este codul js

#2
pexCom

pexCom

    Senior Member

  • Grup: Senior Members
  • Posts: 2,188
  • Înscris: 15.01.2014
Nu ai clasa .open în css, și nici n-o folosești nicăieri în html. N-ai ce element să selectezi.

#3
Whifitws

Whifitws

    New Member

  • Grup: Candidate Members
  • Posts: 2
  • Înscris: 18.08.2020
Am mai cautat pe net ce as putea face si dupa multe cautari am gasit "buba". Nu ma gandeam ca Js e ataaatt de sensibil. Problema era ca am pus conectarea cu js inainte de body, dar ca sa il citeasca cum trebuie, el trebuia folosit la final de body.

Anunturi

Bun venit pe Forumul Softpedia!

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate