</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="87336">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_2_17119">
<input id="check_2_17119" type="radio"
class="filled-in choice choice_87336" name="checkbox_17119"
data-question-id="17119" data-choice-id="87336" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
<head>
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="87337">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_3_17119">
<input id="check_3_17119" type="radio"
class="filled-in choice choice_87337" name="checkbox_17119"
data-question-id="17119" data-choice-id="87337" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
<meta>
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="87338">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_4_17119">
<input id="check_4_17119" type="radio"
class="filled-in choice choice_87338" name="checkbox_17119"
data-question-id="17119" data-choice-id="87338" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
None of these
</div>
</div>
</li>
</ul>
<ul class="collection questions_ul hide rounded-10 z-depth-1 py-2" id="question-18"
data-question-id="17120">
<li class="collection-item">
<h4 class="p-2">
<div style="display:flex">
<div class="tooltipped" data-position="left" data-tooltip="17120">
18.
</div>
<div>
What is the function of the <p> tag?
</div>
</div>
</h4>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="87369">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_1_17120">
<input id="check_1_17120" type="radio"
class="filled-in choice choice_87369" name="checkbox_17120"
data-question-id="17120" data-choice-id="87369" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Defines a paragraph.
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="87370">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_2_17120">
<input id="check_2_17120" type="radio"
class="filled-in choice choice_87370" name="checkbox_17120"
data-question-id="17120" data-choice-id="87370" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Makes the text purple.
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="87371">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_3_17120">
<input id="check_3_17120" type="radio"
class="filled-in choice choice_87371" name="checkbox_17120"
data-question-id="17120" data-choice-id="87371" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
It pushes the text to the right.
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="87372">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_4_17120">
<input id="check_4_17120" type="radio"
class="filled-in choice choice_87372" name="checkbox_17120"
data-question-id="17120" data-choice-id="87372" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Prints the webpage.
</div>
</div>
</li>
</ul>
<a href="#" class="report_question hide-on-med-and-up mx-2 waves-effect waves-light modal-trigger">
<!-- <i class="material-icons">warning</i> -->
Report Question
</a>
<div class="text-center m-2">
<div style="display: flex; justify-content: space-between;">
<div>
<button id="prev_btn" class="btn waves-effect waves-light deep-orange darken-4" type="button">Previous
</button>
<button id="nxt_btn" class="btn waves-effect waves-light" type="button">Next
</button>
<a href="#"
class="report_question hide-on-small-only btn waves-effect waves-light modal-trigger amber darken-3">
<i class="material-icons">warning</i>
</a>
</div>
<div>
<button id="submit_btn" class="btn waves-effect waves-light light-blue" type="submit" name="action">Submit
</button>
</div>
</div>
</div>
</form>
</div>
<div class="col s12 m12 l4 xl4 push-xl8 hide-on-med-and-down mb-4" style="position: sticky;">
<!-- <h4>Total Questions 18</h4> -->
<div class="my-2 p-4 z-depth-1 rounded-10">
<div style="display: flex; justify-content: center; align-content: center; align-items: center;">
<div><i class="medium material-icons">access_time</i></div>
<div>
<h6>
Time
</h6>
</div>
<div>
<h6>
<span class="timer"></span>
</h6>
</div>
</div>
<!-- <h5><i class="medium material-icons">access_time</i><span> Time : </span><span class="timer"></span></h5> -->
</div>
<p></p>
<p></p>
<div class="my-2 py-4 px-2 z-depth-1 rounded-10 text-center" style="max-height: 400px; overflow-y: auto;">
<div class="question_numbers">
</div>
</div>
</div>
</div>
</div>
<!-- Modal Structure -->
<div id="report_modal" class="modal">
<div class="modal-content">
<h4>Report Question</h4>
<p>A bunch of text</p>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Agree</a>
</div>
</div>
</main>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<script>
$(document).ready(function () {
$('table').addClass('table table-bordered');
$('main ul').not('.collection').addClass('browser-default');
$('main li').not('.collection').addClass('browser-default');
$('main img').addClass('responsive-img');
$(".sidenav").sidenav({
edge: 'right'
});
$(".dropdown-trigger").dropdown();
$(".tooltipped").tooltip();
$(".collapsible").collapsible();
$(".modal").modal();
$('.tabs').tabs();
$('select').formSelect();
$('.carousel.carousel-slider').carousel({
fullWidth: true,
indicators: true
});
if (window.innerWidth < 992) {
var brandOrSubjectName = $('.brand_name_or_subject_name')
if (brandOrSubjectName.html().trim().length > 10) {
$('.navbar_brand_text').attr("style", "margin-left:4.6em")
}
if (brandOrSubjectName.html().trim().length < 10) {
$('.navbar_brand_text').attr("style", "margin-left:2.6em")
}
if (brandOrSubjectName.html().trim() === 'MCQ Mojo') {
$('.navbar_brand_text').attr("style", "margin-left:3.6em")
}
}
}
)
</script>
<script>
if ("serviceWorker" in navigator) {
window.addEventListener("load", function () {
navigator.serviceWorker
.register("serviceworker.js")
.then((res) => console.log("service worker registered"))
.catch((err) => console.log("service worker not registered", err));
});
}
</script>
<!-- this script is for time -->
<script>
localStorage.clear()
var seconds = 0;
var minutes = 0;
var hours = 0;
var timeString = "";
function gettime() {
seconds = seconds + 1
if (seconds === 59 && minutes === 59) {
hours = hours + 1
minutes = 0
seconds = 0
}
if (seconds === 59) {
minutes = minutes + 1
seconds = 0
}
timeString = `${hours} h : ${minutes} m : ${seconds} s`
mobileTimeString = `${hours}:${minutes}:${seconds}`
$(".timer").text(timeString);
$(".mobile_timer").text(mobileTimeString);
setTimeout(function () { gettime() }, 1000);
}
gettime()
$('.quiz_page_timer').removeClass('hide')
// $('.brand_name_or_subject_name').text("")
</script>
<!-- this script is for navigating questions -->
<script>
var totalQuestions = $('.questions_ul').length
var questionsListDesktop = []
// var questionsListMobile = []
var questionsList = []
for (let index = 1; index < totalQuestions + 1; index++) {
var btnEl = `<a class="btn-floating waves-effect waves-light light-blue btn m-2 question-btn question-btn-${index}" href="#question-${index}">${index}</a>`
questionsList.push(btnEl)
}
for (let index = 1; index < totalQuestions + 1; index++) {
var btnEl = `<div class="col s3"><a class="btn-floating waves-effect waves-light light-blue btn m-2 question-btn question-btn-${index}" href="#question-${index}">${index}</a></div>`
questionsListDesktop.push(btnEl)
}
$('.question_numbers').append(questionsList)
$('.small_screen_questions').append(questionsList)
$('.question-btn').click(function (e) {
var currEl = $(this)
// debugger
// remove highlight class darken-4
$('.question-btn').removeClass('darken-4')
currEl.addClass('darken-4')
// hide all questions and show only current question
var questionId = currEl.attr('href')
$('.questions_ul').addClass('hide')
$(questionId).removeClass('hide')
// scrollintoview for mobile
currEl[0].scrollIntoView()
})
// on page load and after rendering question butttons click the first button to show first question
if (window.innerWidth < 992) {
$('.question-btn-1')[0].click()
} else {
$('.question-btn-1')[1].click()
}
$('#nxt_btn').click(function (e) {
var currentActiveQuestionBtn = $('.question-btn.darken-4')
currentActiveQuestionBtn.next().trigger('click')
})
$('#prev_btn').click(function (e) {
var currentActiveQuestionBtn = $('.question-btn.darken-4')
currentActiveQuestionBtn.prev().trigger('click')
})
$('.report_question').click(function (e) {
e.preventDefault()
var questionId = $('.collection.questions_ul').not('.hide').attr('data-question-id')
var reportUrl = `/report/${questionId}/`
window.open(reportUrl, '_blank')
})
</script>
<!-- this script is for storing answers and to submit data -->
<script>
// document.addEventListener('DOMContentLoaded', function () {
// var elems = document.querySelectorAll('.collapsible');
// var instances = M.Collapsible.init(elems, {});
// });
var attemptsDict = {}
$('.choice-item').click(function (e) {
var el = $(this)
var elChoice = "choice_" + el.attr('data-choice-id')
$(`.${elChoice}`).prop('checked', true)
var element = $(`.${elChoice}`)
var questionId = element.attr('data-question-id')
var choiceId = element.attr('data-choice-id')
var temp = { [questionId]: choiceId }
attemptsDict = { ...temp, ...attemptsDict }
})
$('.choice').on('change', function (e) {
var element = $(this)
var questionId = element.attr('data-question-id')
var choiceId = element.attr('data-choice-id')
var temp = { [questionId]: choiceId }
attemptsDict = { ...temp, ...attemptsDict }
})
$('#submit_btn').click(function (e) {
e.preventDefault()
localStorage.setItem('attempts', JSON.stringify(attemptsDict))
localStorage.setItem('timeString', timeString)
$('#form').submit()
})
</script>
<!-- <script src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"></script>
<!-- Add these to the end of body -->
<!-- push scripts -->
<script src="https://www.gstatic.com/firebasejs/8.2.9/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.2.9/firebase-messaging.js"></script>
<script src="https://push4.aplusnotify.com/static/js/fcm_token.js"></script>
<!-- push scripts -->
<!-- Anti Adblock -->
<div class="detected">
<div class="modal" id="myModal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content ">
<div class="modal-header">
<h5 class="modal-title text-center">Support mcqmojo.com by disabling your adblocker.</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p class="text-center">Please disable the adBlock and continue. <br> Thank you.</p>
<div style="width:max-content" class="mx-auto"> <a type="button" class="btn btn-primary" href="">Reload
page</a></div>
</div>
</div>
</div>
</div>
</div>
<script src="/static/js/ads.js"></script>
<script src="/static/js/mediavine_ad_detect.js"></script>
<script src="/static/js/prebid-ads.js"></script>
<script>
if (window.canRunAds === undefined) {
// adblocker detected, show fallback
// showFallbackImage();
const promise = new Promise((resolve, reject) => {
setTimeout(() => resolve(), 20000);
});
await promise;
$('#myModal').modal('show');
}
</script>
<!-- Anti Adblock -->
</body>
</html>