title: How to apply forEach();
body: <p>So, i am making a quiz game and i want to generate answers from an array, I tried some solutions but it doesn't work, So i need your solutions to my code.
  <br><br> <em>here is Const</em><br></p>
  
  <pre><code>const shekitxva = [
  {
      questions: 'What was created first',
      answers:[
          {text: 'Egg', correct: 'false'},
          {text: 'Chicken', correct: 'true'},
          {text: 'Eleniko', correct: 'false'},
          {text: 'Computer', correct: 'false'}
  
      ]
  }
  </code></pre>
  
  <p>] </p>
  
  <p>Here is question display</p>
  
  <pre><code>kitxva.innerText = shekitxva[0].questions;
  </code></pre>
  
  <p>So how to dispaly those answers to div elements</p>
  
  <p><strong>javascript</strong></p>
  
  <pre><code>var pasuxebi = document.querySelectorAll('.pasuxebi');
  var checkBtn = document.querySelector('.check');
  var nextBtn = document.querySelector('.next');
  var startBtn = document.querySelector('.start');
  var kitxva = document.querySelector('h3');
  var pasuxebiBox = document.querySelector('.pasuxebi');
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code> &lt;div class="box"&gt;
      &lt;h3 class="none"&gt;Question&lt;/h3&gt;
  &lt;div class="pasuxebi none"&gt;
      &lt;div class="pasuxi"&gt;pirveli&lt;/div&gt;
      &lt;div class="pasuxi"&gt;pirveli&lt;/div&gt;
      &lt;div class="pasuxi"&gt;pirveli&lt;/div&gt;
      &lt;div class="pasuxi"&gt;pirveli&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="buttons"&gt;
      &lt;div class="start"&gt;Start&lt;/div&gt;
      &lt;div class="check none"&gt;Check&lt;/div&gt;
      &lt;div class="next none"&gt;Next&lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p></p>