</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158716">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_4_31282">
<input id="check_4_31282" type="radio"
class="filled-in choice choice_158716" name="checkbox_31282"
data-question-id="31282" data-choice-id="158716" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
<TITTLE>
</div>
</div>
</li>
</ul>
<ul class="collection questions_ul hide rounded-10 z-depth-1 py-2" id="question-8"
data-question-id="31283">
<li class="collection-item">
<h4 class="p-2">
<div style="display:flex">
<div class="tooltipped" data-position="left" data-tooltip="31283">
8.
</div>
<div>
Two general ways to apply information to text.
</div>
</div>
</h4>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182637">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_1_31283">
<input id="check_1_31283" type="radio"
class="filled-in choice choice_182637" name="checkbox_31283"
data-question-id="31283" data-choice-id="182637" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Physical and Logical Style
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182638">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_2_31283">
<input id="check_2_31283" type="radio"
class="filled-in choice choice_182638" name="checkbox_31283"
data-question-id="31283" data-choice-id="182638" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Physical and Critical Style
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182639">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_3_31283">
<input id="check_3_31283" type="radio"
class="filled-in choice choice_182639" name="checkbox_31283"
data-question-id="31283" data-choice-id="182639" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Logical and Critical Style
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182640">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_4_31283">
<input id="check_4_31283" type="radio"
class="filled-in choice choice_182640" name="checkbox_31283"
data-question-id="31283" data-choice-id="182640" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Logical and Reasoning Style
</div>
</div>
</li>
</ul>
<ul class="collection questions_ul hide rounded-10 z-depth-1 py-2" id="question-9"
data-question-id="31284">
<li class="collection-item">
<h4 class="p-2">
<div style="display:flex">
<div class="tooltipped" data-position="left" data-tooltip="31284">
9.
</div>
<div>
He is the father of WWW or World Wide Web.
</div>
</div>
</h4>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158721">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_1_31284">
<input id="check_1_31284" type="radio"
class="filled-in choice choice_158721" name="checkbox_31284"
data-question-id="31284" data-choice-id="158721" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Tim Berners Lee
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158722">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_2_31284">
<input id="check_2_31284" type="radio"
class="filled-in choice choice_158722" name="checkbox_31284"
data-question-id="31284" data-choice-id="158722" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Tim Berners
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158723">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_3_31284">
<input id="check_3_31284" type="radio"
class="filled-in choice choice_158723" name="checkbox_31284"
data-question-id="31284" data-choice-id="158723" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Tim Berners Le
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158724">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_4_31284">
<input id="check_4_31284" type="radio"
class="filled-in choice choice_158724" name="checkbox_31284"
data-question-id="31284" data-choice-id="158724" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Tim Berner Lees
</div>
</div>
</li>
</ul>
<ul class="collection questions_ul hide rounded-10 z-depth-1 py-2" id="question-10"
data-question-id="31285">
<li class="collection-item">
<h4 class="p-2">
<div style="display:flex">
<div class="tooltipped" data-position="left" data-tooltip="31285">
10.
</div>
<div>
A type attribute in Unorderd List.
</div>
</div>
</h4>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182629">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_1_31285">
<input id="check_1_31285" type="radio"
class="filled-in choice choice_182629" name="checkbox_31285"
data-question-id="31285" data-choice-id="182629" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Disc
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182630">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_2_31285">
<input id="check_2_31285" type="radio"
class="filled-in choice choice_182630" name="checkbox_31285"
data-question-id="31285" data-choice-id="182630" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Square
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182631">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_3_31285">
<input id="check_3_31285" type="radio"
class="filled-in choice choice_182631" name="checkbox_31285"
data-question-id="31285" data-choice-id="182631" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Circle
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182632">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_4_31285">
<input id="check_4_31285" type="radio"
class="filled-in choice choice_182632" name="checkbox_31285"
data-question-id="31285" data-choice-id="182632" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Triangle
</div>
</div>
</li>
</ul>
<ul class="collection questions_ul hide rounded-10 z-depth-1 py-2" id="question-11"
data-question-id="31286">
<li class="collection-item">
<h4 class="p-2">
<div style="display:flex">
<div class="tooltipped" data-position="left" data-tooltip="31286">
11.
</div>
<div>
It contains information that displays in the browser window.
</div>
</div>
</h4>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158729">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_1_31286">
<input id="check_1_31286" type="radio"
class="filled-in choice choice_158729" name="checkbox_31286"
data-question-id="31286" data-choice-id="158729" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Normal Text
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158730">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_2_31286">
<input id="check_2_31286" type="radio"
class="filled-in choice choice_158730" name="checkbox_31286"
data-question-id="31286" data-choice-id="158730" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Body
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158731">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_3_31286">
<input id="check_3_31286" type="radio"
class="filled-in choice choice_158731" name="checkbox_31286"
data-question-id="31286" data-choice-id="158731" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Text
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158732">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_4_31286">
<input id="check_4_31286" type="radio"
class="filled-in choice choice_158732" name="checkbox_31286"
data-question-id="31286" data-choice-id="158732" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Images
</div>
</div>
</li>
</ul>
<ul class="collection questions_ul hide rounded-10 z-depth-1 py-2" id="question-12"
data-question-id="31287">
<li class="collection-item">
<h4 class="p-2">
<div style="display:flex">
<div class="tooltipped" data-position="left" data-tooltip="31287">
12.
</div>
<div>
Point to a page or resource within the same website or domain.
</div>
</div>
</h4>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182673">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_1_31287">
<input id="check_1_31287" type="radio"
class="filled-in choice choice_182673" name="checkbox_31287"
data-question-id="31287" data-choice-id="182673" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Internal Link
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182674">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_2_31287">
<input id="check_2_31287" type="radio"
class="filled-in choice choice_182674" name="checkbox_31287"
data-question-id="31287" data-choice-id="182674" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
External Link
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182675">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_3_31287">
<input id="check_3_31287" type="radio"
class="filled-in choice choice_182675" name="checkbox_31287"
data-question-id="31287" data-choice-id="182675" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Local Link
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182676">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_4_31287">
<input id="check_4_31287" type="radio"
class="filled-in choice choice_182676" name="checkbox_31287"
data-question-id="31287" data-choice-id="182676" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Hyperlink
</div>
</div>
</li>
</ul>
<ul class="collection questions_ul hide rounded-10 z-depth-1 py-2" id="question-13"
data-question-id="31288">
<li class="collection-item">
<h4 class="p-2">
<div style="display:flex">
<div class="tooltipped" data-position="left" data-tooltip="31288">
13.
</div>
<div>
Point to a page or resource within a client's computer, usually denoted by common computer directories instead of domain or website locations.
</div>
</div>
</h4>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158737">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_1_31288">
<input id="check_1_31288" type="radio"
class="filled-in choice choice_158737" name="checkbox_31288"
data-question-id="31288" data-choice-id="158737" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Local Link
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158738">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_2_31288">
<input id="check_2_31288" type="radio"
class="filled-in choice choice_158738" name="checkbox_31288"
data-question-id="31288" data-choice-id="158738" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Internal Link
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158739">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_3_31288">
<input id="check_3_31288" type="radio"
class="filled-in choice choice_158739" name="checkbox_31288"
data-question-id="31288" data-choice-id="158739" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
External Link
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158740">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_4_31288">
<input id="check_4_31288" type="radio"
class="filled-in choice choice_158740" name="checkbox_31288"
data-question-id="31288" data-choice-id="158740" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Hyperlink
</div>
</div>
</li>
</ul>
<ul class="collection questions_ul hide rounded-10 z-depth-1 py-2" id="question-14"
data-question-id="31289">
<li class="collection-item">
<h4 class="p-2">
<div style="display:flex">
<div class="tooltipped" data-position="left" data-tooltip="31289">
14.
</div>
<div>
It is to identify the subject of purpose of the page.
</div>
</div>
</h4>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158741">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_1_31289">
<input id="check_1_31289" type="radio"
class="filled-in choice choice_158741" name="checkbox_31289"
data-question-id="31289" data-choice-id="158741" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Title
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158742">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_2_31289">
<input id="check_2_31289" type="radio"
class="filled-in choice choice_158742" name="checkbox_31289"
data-question-id="31289" data-choice-id="158742" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Body
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158743">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_3_31289">
<input id="check_3_31289" type="radio"
class="filled-in choice choice_158743" name="checkbox_31289"
data-question-id="31289" data-choice-id="158743" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Images
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="158744">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_4_31289">
<input id="check_4_31289" type="radio"
class="filled-in choice choice_158744" name="checkbox_31289"
data-question-id="31289" data-choice-id="158744" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
Hyperlink
</div>
</div>
</li>
</ul>
<ul class="collection questions_ul hide rounded-10 z-depth-1 py-2" id="question-15"
data-question-id="31290">
<li class="collection-item">
<h4 class="p-2">
<div style="display:flex">
<div class="tooltipped" data-position="left" data-tooltip="31290">
15.
</div>
<div>
Is is the tag that use to have a broad text.
</div>
</div>
</h4>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182681">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_1_31290">
<input id="check_1_31290" type="radio"
class="filled-in choice choice_182681" name="checkbox_31290"
data-question-id="31290" data-choice-id="182681" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
<b>
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182682">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_2_31290">
<input id="check_2_31290" type="radio"
class="filled-in choice choice_182682" name="checkbox_31290"
data-question-id="31290" data-choice-id="182682" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
<bold>
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182683">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_3_31290">
<input id="check_3_31290" type="radio"
class="filled-in choice choice_182683" name="checkbox_31290"
data-question-id="31290" data-choice-id="182683" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
bold
</div>
</div>
</li>
<li class="collection-item choice-item" style="cursor: pointer;" data-choice-id="182684">
<div class="" style="display: flex; align-items: center;">
<div class="">
<label for="check_4_31290">
<input id="check_4_31290" type="radio"
class="filled-in choice choice_182684" name="checkbox_31290"
data-question-id="31290" data-choice-id="182684" />
<span> </span>
</label>
</div>
<div class="" style="display: flex;">
b
</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 15</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>