pc.addEventListener('click',()=>{
    open();
    let htmlData = ` <li class="movie-box">
    <img src="./img/p1.jpg" alt="">
    <div class="movie-containet">
        <h4>CALL OF DUTY</h4>
        <a href="" class="sml-btn">play</a>
    </div>
</li>
<li class="movie-box">
  <img src="./img/p2.jpg" alt="">
  <div class="movie-containet">
      <h4>BLACK SQUAD</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>
<li class="movie-box">
  <img src="./img/p3.jpg" alt="">
  <div class="movie-containet">
      <h4>CALL OF DUTY</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>
<li class="movie-box">
  <img src="./img/p4.jpg" alt="">
  <div class="movie-containet">
      <h4>DESTINY</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>
<li class="movie-box">
  <img src="./img/p5.jpg" alt="">
  <div class="movie-containet">
      <h4>WATCH DOG</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>
<li class="movie-box">
  <img src="./img/p6.jpg" alt="">
  <div class="movie-containet">
      <h4>MAD MAX</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>
<li class="movie-box">
  <img src="./img/p7.jpg" alt="">
  <div class="movie-containet">
      <h4>ASSASSIN'S CREED</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>`

menu.innerHTML = htmlData;

})

ps.addEventListener('click',()=>{
    open();
    let htmlData = ` <li class="movie-box">
    <img src="./img/ps1.jpg" alt="">
    <div class="movie-containet">
        <h4>UNCHARTED</h4>
        <a href="" class="sml-btn">play</a>
    </div>
</li>
<li class="movie-box">
  <img src="./img/ps2.jpg" alt="">
  <div class="movie-containet">
      <h4>HORIZON ZERO DAWN</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>
<li class="movie-box">
  <img src="./img/ps3.jpg" alt="">
  <div class="movie-containet">
      <h4>SPIDERMAN</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>
<li class="movie-box">
  <img src="./img/ps4.jpg" alt="">
  <div class="movie-containet">
      <h4>LAST OF US</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>
<li class="movie-box">
  <img src="./img/ps5.jpg" alt="">
  <div class="movie-containet">
      <h4>FAR CRY</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>
<li class="movie-box">
  <img src="./img/ps6.jpg" alt="">
  <div class="movie-containet">
      <h4>CALL OF DUTY</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>
<li class="movie-box">
  <img src="./img/ps7.jpg" alt="">
  <div class="movie-containet">
      <h4>JEDAI FALLEN ORDER</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>`

menu.innerHTML = htmlData;

})

xBox.addEventListener('click',()=>{
    open();
    let htmlData = ` <li class="movie-box">
    <img src="./img/p1.jpg" alt="">
    <div class="movie-containet">
        <h4>CALL OF DUTY</h4>
        <a href="" class="sml-btn">play</a>
    </div>
</li>
<li class="movie-box">
  <img src="./img/p2.jpg" alt="">
  <div class="movie-containet">
      <h4>BLACK SQUAD</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>
<li class="movie-box">
  <img src="./img/ps3.jpg" alt="">
  <div class="movie-containet">
      <h4>CALL OF DUTY</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>
<li class="movie-box">
  <img src="./img/p4.jpg" alt="">
  <div class="movie-containet">
      <h4>DESTINY</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>
<li class="movie-box">
  <img src="./img/p8.jpg" alt="">
  <div class="movie-containet">
      <h4>WATCH DOG</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>
<li class="movie-box">
  <img src="./img/p6.jpg" alt="">
  <div class="movie-containet">
      <h4>MAD MAX</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>
<li class="movie-box">
  <img src="./img/ps2.jpg" alt="">
  <div class="movie-containet">
      <h4>ASSASSIN'S CREED</h4>
      <a href="#" class="sml-btn">play</a>
  </div>
</li>`

menu.innerHTML = htmlData;

})