DesislavaNaydenova / 2405-hackathon-team1-StarWars

0 stars 6 forks source link

Quiz Issue - Question Counter is showing on the quiz page before you start the quiz. #68

Closed kslg closed 4 months ago

kslg commented 4 months ago

Issue:

The user can see the question counter before starting the quiz.

Request: Need to hide/disable the counter until the user clicks on 'Start'

What have I tried:

I've tried to hide the div on page load. I tried thr js and jquery version:

HTML div

<!-- Question count -->
<div class="text-center quiz-text questionCount" id="question-Counter" role="presentation" aria-label="This is the question counter, counting up to ten">
</div> 

quiz.js

// *** Hide Question Counter on page load ****
document.onload = function() {
    document.getElementById('question-Counter').style.display = 'none';
};

// $(document).ready(function() {
//     $("#question-Counter").hide();
// });

Image Image

alexrobincrabbe commented 4 months ago

this is what it looks like to me image

kera-cudmore commented 4 months ago

same, I'm not seeing the question counter on the quiz page before I click start - checked locally and on the deployed site - @kslg could you try hard refreshing and seeing if it stops displaying for you>?

kslg commented 4 months ago

ok for me now