0%
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27828">
<div class="form-check">
<input id="choice_27828" class="form-check-input" type="radio"
name="7698" value="27828" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
<head>
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27829">
<div class="form-check">
<input id="choice_27829" class="form-check-input" type="radio"
name="7698" value="27829" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
<!DOCTYPE html>
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27830">
<div class="form-check">
<input id="choice_27830" class="form-check-input" type="radio"
name="7698" value="27830" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
<html>
</div>
</div>
</li>
</ul>
<div class="card-footer text-muted">
<button class="btn float-left btnNext" style="margin-right:3vh ; background-color: #FFA800; color: white;" type="submit">
Submit Test
<i style="color: white;" class="fa fa-check-square" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnNext">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnPrev" style="margin-right:3vh ;">
<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
<div class="col-lg-8 div-question" id="q10" data-question-id="7699">
<div class="card">
<div class="card-header">
<table>
<tr>
<td width="800vh">
<span style="font-size: x-large;color: black;">
Which heading tag produces the largest text?
</span>
</td>
<td>
<div class="dropdown show w-50 text-end">
<a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-cog" style="color: teal;font-size: xx-large;"></i>
</a>
<div class="dropdown-menu">
<button type="button" data-toggle="modal" data-target="#reportModal" class="dropdown-item">
Report Question
<i style="color: orange;" class="fa fa-exclamation-triangle" aria-hidden="true"></i>
</button>
</div>
</div>
</td>
</tr>
</table>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27831">
<div class="form-check">
<input id="choice_27831" class="form-check-input" type="radio"
name="7699" value="27831" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
<h1>
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27832">
<div class="form-check">
<input id="choice_27832" class="form-check-input" type="radio"
name="7699" value="27832" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
<h2>
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27833">
<div class="form-check">
<input id="choice_27833" class="form-check-input" type="radio"
name="7699" value="27833" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
<h3>
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27834">
<div class="form-check">
<input id="choice_27834" class="form-check-input" type="radio"
name="7699" value="27834" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
<title>
</div>
</div>
</li>
</ul>
<div class="card-footer text-muted">
<button class="btn float-left btnNext" style="margin-right:3vh ; background-color: #FFA800; color: white;" type="submit">
Submit Test
<i style="color: white;" class="fa fa-check-square" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnNext">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnPrev" style="margin-right:3vh ;">
<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
<div class="col-lg-8 div-question" id="q11" data-question-id="7700">
<div class="card">
<div class="card-header">
<table>
<tr>
<td width="800vh">
<span style="font-size: x-large;color: black;">
Which pair of tags have been used correctly?
</span>
</td>
<td>
<div class="dropdown show w-50 text-end">
<a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-cog" style="color: teal;font-size: xx-large;"></i>
</a>
<div class="dropdown-menu">
<button type="button" data-toggle="modal" data-target="#reportModal" class="dropdown-item">
Report Question
<i style="color: orange;" class="fa fa-exclamation-triangle" aria-hidden="true"></i>
</button>
</div>
</div>
</td>
</tr>
</table>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27835">
<div class="form-check">
<input id="choice_27835" class="form-check-input" type="radio"
name="7700" value="27835" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
<h2>Sub Heading<h2>
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27836">
<div class="form-check">
<input id="choice_27836" class="form-check-input" type="radio"
name="7700" value="27836" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
<h2>Sub Heading<h2/>
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27837">
<div class="form-check">
<input id="choice_27837" class="form-check-input" type="radio"
name="7700" value="27837" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
<h2>Sub Heading</h2>
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27838">
<div class="form-check">
<input id="choice_27838" class="form-check-input" type="radio"
name="7700" value="27838" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
</h2>Sub Heading<h2/>
</div>
</div>
</li>
</ul>
<div class="card-footer text-muted">
<button class="btn float-left btnNext" style="margin-right:3vh ; background-color: #FFA800; color: white;" type="submit">
Submit Test
<i style="color: white;" class="fa fa-check-square" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnNext">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnPrev" style="margin-right:3vh ;">
<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
<div class="col-lg-8 div-question" id="q12" data-question-id="7701">
<div class="card">
<div class="card-header">
<table>
<tr>
<td width="800vh">
<span style="font-size: x-large;color: black;">
Which of these image tags is fully correct?
</span>
</td>
<td>
<div class="dropdown show w-50 text-end">
<a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-cog" style="color: teal;font-size: xx-large;"></i>
</a>
<div class="dropdown-menu">
<button type="button" data-toggle="modal" data-target="#reportModal" class="dropdown-item">
Report Question
<i style="color: orange;" class="fa fa-exclamation-triangle" aria-hidden="true"></i>
</button>
</div>
</div>
</td>
</tr>
</table>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27839">
<div class="form-check">
<input id="choice_27839" class="form-check-input" type="radio"
name="7701" value="27839" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
<image source="puppy.jpg" />
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27840">
<div class="form-check">
<input id="choice_27840" class="form-check-input" type="radio"
name="7701" value="27840" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
<img src="puppy.jpg" />
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27841">
<div class="form-check">
<input id="choice_27841" class="form-check-input" type="radio"
name="7701" value="27841" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
<image scr="puppy.jpg" />
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27842">
<div class="form-check">
<input id="choice_27842" class="form-check-input" type="radio"
name="7701" value="27842" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
<img scr="puppy.jpg" />
</div>
</div>
</li>
</ul>
<div class="card-footer text-muted">
<button class="btn float-left btnNext" style="margin-right:3vh ; background-color: #FFA800; color: white;" type="submit">
Submit Test
<i style="color: white;" class="fa fa-check-square" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnNext">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnPrev" style="margin-right:3vh ;">
<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
<div class="col-lg-8 div-question" id="q13" data-question-id="7702">
<div class="card">
<div class="card-header">
<table>
<tr>
<td width="800vh">
<span style="font-size: x-large;color: black;">
Which style of brackets are used in CSS?
</span>
</td>
<td>
<div class="dropdown show w-50 text-end">
<a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-cog" style="color: teal;font-size: xx-large;"></i>
</a>
<div class="dropdown-menu">
<button type="button" data-toggle="modal" data-target="#reportModal" class="dropdown-item">
Report Question
<i style="color: orange;" class="fa fa-exclamation-triangle" aria-hidden="true"></i>
</button>
</div>
</div>
</td>
</tr>
</table>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27843">
<div class="form-check">
<input id="choice_27843" class="form-check-input" type="radio"
name="7702" value="27843" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
[ ]
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27844">
<div class="form-check">
<input id="choice_27844" class="form-check-input" type="radio"
name="7702" value="27844" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
{ },
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27845">
<div class="form-check">
<input id="choice_27845" class="form-check-input" type="radio"
name="7702" value="27845" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
( )
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27846">
<div class="form-check">
<input id="choice_27846" class="form-check-input" type="radio"
name="7702" value="27846" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
< >
</div>
</div>
</li>
</ul>
<div class="card-footer text-muted">
<button class="btn float-left btnNext" style="margin-right:3vh ; background-color: #FFA800; color: white;" type="submit">
Submit Test
<i style="color: white;" class="fa fa-check-square" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnNext">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnPrev" style="margin-right:3vh ;">
<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
<div class="col-lg-8 div-question" id="q14" data-question-id="7703">
<div class="card">
<div class="card-header">
<table>
<tr>
<td width="800vh">
<span style="font-size: x-large;color: black;">
Which style of brackets are used in HTML?
</span>
</td>
<td>
<div class="dropdown show w-50 text-end">
<a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-cog" style="color: teal;font-size: xx-large;"></i>
</a>
<div class="dropdown-menu">
<button type="button" data-toggle="modal" data-target="#reportModal" class="dropdown-item">
Report Question
<i style="color: orange;" class="fa fa-exclamation-triangle" aria-hidden="true"></i>
</button>
</div>
</div>
</td>
</tr>
</table>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27847">
<div class="form-check">
<input id="choice_27847" class="form-check-input" type="radio"
name="7703" value="27847" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
[ ]
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27848">
<div class="form-check">
<input id="choice_27848" class="form-check-input" type="radio"
name="7703" value="27848" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
{ },
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27849">
<div class="form-check">
<input id="choice_27849" class="form-check-input" type="radio"
name="7703" value="27849" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
( )
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27850">
<div class="form-check">
<input id="choice_27850" class="form-check-input" type="radio"
name="7703" value="27850" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
< >
</div>
</div>
</li>
</ul>
<div class="card-footer text-muted">
<button class="btn float-left btnNext" style="margin-right:3vh ; background-color: #FFA800; color: white;" type="submit">
Submit Test
<i style="color: white;" class="fa fa-check-square" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnNext">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnPrev" style="margin-right:3vh ;">
<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
<div class="col-lg-8 div-question" id="q15" data-question-id="7704">
<div class="card">
<div class="card-header">
<table>
<tr>
<td width="800vh">
<span style="font-size: x-large;color: black;">
Which CSS code will change the background colour of a web page?<br><img alt='cs-2 sb-1-The World Wide Webimg_no 407.jpg' src='/media/images/cs-2 sb-1-The World Wide Webimg_no 407.jpg' />
</span>
</td>
<td>
<div class="dropdown show w-50 text-end">
<a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-cog" style="color: teal;font-size: xx-large;"></i>
</a>
<div class="dropdown-menu">
<button type="button" data-toggle="modal" data-target="#reportModal" class="dropdown-item">
Report Question
<i style="color: orange;" class="fa fa-exclamation-triangle" aria-hidden="true"></i>
</button>
</div>
</div>
</td>
</tr>
</table>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27851">
<div class="form-check">
<input id="choice_27851" class="form-check-input" type="radio"
name="7704" value="27851" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
backround-colour: cornflowerblue;
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27852">
<div class="form-check">
<input id="choice_27852" class="form-check-input" type="radio"
name="7704" value="27852" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
background-color: cornflowerblue;
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27853">
<div class="form-check">
<input id="choice_27853" class="form-check-input" type="radio"
name="7704" value="27853" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
background-colour: cornflowerblue;
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27854">
<div class="form-check">
<input id="choice_27854" class="form-check-input" type="radio"
name="7704" value="27854" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
color: cornflowerblue;
</div>
</div>
</li>
</ul>
<div class="card-footer text-muted">
<button class="btn float-left btnNext" style="margin-right:3vh ; background-color: #FFA800; color: white;" type="submit">
Submit Test
<i style="color: white;" class="fa fa-check-square" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnNext">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnPrev" style="margin-right:3vh ;">
<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
<div class="col-lg-8 div-question" id="q16" data-question-id="7705">
<div class="card">
<div class="card-header">
<table>
<tr>
<td width="800vh">
<span style="font-size: x-large;color: black;">
Which CSS code will change the font of a web page?<br><img alt='cs-2 sb-1-The World Wide Webimg_no 408.jpg' src='/media/images/cs-2 sb-1-The World Wide Webimg_no 408.jpg' />
</span>
</td>
<td>
<div class="dropdown show w-50 text-end">
<a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-cog" style="color: teal;font-size: xx-large;"></i>
</a>
<div class="dropdown-menu">
<button type="button" data-toggle="modal" data-target="#reportModal" class="dropdown-item">
Report Question
<i style="color: orange;" class="fa fa-exclamation-triangle" aria-hidden="true"></i>
</button>
</div>
</div>
</td>
</tr>
</table>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27855">
<div class="form-check">
<input id="choice_27855" class="form-check-input" type="radio"
name="7705" value="27855" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
font: chiller;
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27856">
<div class="form-check">
<input id="choice_27856" class="form-check-input" type="radio"
name="7705" value="27856" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
text-style: chiller;
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27857">
<div class="form-check">
<input id="choice_27857" class="form-check-input" type="radio"
name="7705" value="27857" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
text: chiller;
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27858">
<div class="form-check">
<input id="choice_27858" class="form-check-input" type="radio"
name="7705" value="27858" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
font-family: chiller;
</div>
</div>
</li>
</ul>
<div class="card-footer text-muted">
<button class="btn float-left btnNext" style="margin-right:3vh ; background-color: #FFA800; color: white;" type="submit">
Submit Test
<i style="color: white;" class="fa fa-check-square" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnNext">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnPrev" style="margin-right:3vh ;">
<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
<div class="col-lg-8 div-question" id="q17" data-question-id="7706">
<div class="card">
<div class="card-header">
<table>
<tr>
<td width="800vh">
<span style="font-size: x-large;color: black;">
HTML controls the _____ of a web page.
</span>
</td>
<td>
<div class="dropdown show w-50 text-end">
<a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-cog" style="color: teal;font-size: xx-large;"></i>
</a>
<div class="dropdown-menu">
<button type="button" data-toggle="modal" data-target="#reportModal" class="dropdown-item">
Report Question
<i style="color: orange;" class="fa fa-exclamation-triangle" aria-hidden="true"></i>
</button>
</div>
</div>
</td>
</tr>
</table>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27859">
<div class="form-check">
<input id="choice_27859" class="form-check-input" type="radio"
name="7706" value="27859" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
content
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27860">
<div class="form-check">
<input id="choice_27860" class="form-check-input" type="radio"
name="7706" value="27860" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
appearance
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27861">
<div class="form-check">
<input id="choice_27861" class="form-check-input" type="radio"
name="7706" value="27861" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
speed
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27862">
<div class="form-check">
<input id="choice_27862" class="form-check-input" type="radio"
name="7706" value="27862" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
cost
</div>
</div>
</li>
</ul>
<div class="card-footer text-muted">
<button class="btn float-left btnNext" style="margin-right:3vh ; background-color: #FFA800; color: white;" type="submit">
Submit Test
<i style="color: white;" class="fa fa-check-square" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnNext">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnPrev" style="margin-right:3vh ;">
<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
<div class="col-lg-8 div-question" id="q18" data-question-id="7707">
<div class="card">
<div class="card-header">
<table>
<tr>
<td width="800vh">
<span style="font-size: x-large;color: black;">
CSS controls the _____ of a web page.
</span>
</td>
<td>
<div class="dropdown show w-50 text-end">
<a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-cog" style="color: teal;font-size: xx-large;"></i>
</a>
<div class="dropdown-menu">
<button type="button" data-toggle="modal" data-target="#reportModal" class="dropdown-item">
Report Question
<i style="color: orange;" class="fa fa-exclamation-triangle" aria-hidden="true"></i>
</button>
</div>
</div>
</td>
</tr>
</table>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27863">
<div class="form-check">
<input id="choice_27863" class="form-check-input" type="radio"
name="7707" value="27863" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
content
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27864">
<div class="form-check">
<input id="choice_27864" class="form-check-input" type="radio"
name="7707" value="27864" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
appearance
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27865">
<div class="form-check">
<input id="choice_27865" class="form-check-input" type="radio"
name="7707" value="27865" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
speed
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27866">
<div class="form-check">
<input id="choice_27866" class="form-check-input" type="radio"
name="7707" value="27866" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
cost
</div>
</div>
</li>
</ul>
<div class="card-footer text-muted">
<button class="btn float-left btnNext" style="margin-right:3vh ; background-color: #FFA800; color: white;" type="submit">
Submit Test
<i style="color: white;" class="fa fa-check-square" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnNext">
<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnPrev" style="margin-right:3vh ;">
<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
<div class="col-lg-8 div-question" id="q19" data-question-id="7708">
<div class="card">
<div class="card-header">
<table>
<tr>
<td width="800vh">
<span style="font-size: x-large;color: black;">
Which of these is an example of a "domain name"?
</span>
</td>
<td>
<div class="dropdown show w-50 text-end">
<a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-cog" style="color: teal;font-size: xx-large;"></i>
</a>
<div class="dropdown-menu">
<button type="button" data-toggle="modal" data-target="#reportModal" class="dropdown-item">
Report Question
<i style="color: orange;" class="fa fa-exclamation-triangle" aria-hidden="true"></i>
</button>
</div>
</div>
</td>
</tr>
</table>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27867">
<div class="form-check">
<input id="choice_27867" class="form-check-input" type="radio"
name="7708" value="27867" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
www.office.com
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27868">
<div class="form-check">
<input id="choice_27868" class="form-check-input" type="radio"
name="7708" value="27868" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
Microsoft PowerPoint
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27869">
<div class="form-check">
<input id="choice_27869" class="form-check-input" type="radio"
name="7708" value="27869" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
HTML
</div>
</div>
</li>
<li class="list-group-item" style="cursor: pointer;" data-choice-id="choice_27870">
<div class="form-check">
<input id="choice_27870" class="form-check-input" type="radio"
name="7708" value="27870" />
<span class="float-right btn-rounded btn-sm" style="display: none;">0%</span>
<div class="d-flex">
CSS
</div>
</div>
</li>
</ul>
<div class="card-footer text-muted">
<button class="btn float-left btnNext" style="margin-right:3vh ; background-color: #FFA800; color: white;" type="submit">
Submit Test
<i style="color: white;" class="fa fa-check-square" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-info float-right btnPrev" style="margin-right:3vh ;">
<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
<div class="col-md-4 d-none d-lg-block">
<div class="card">
<div class="card-body">
<h5 class="card-title text-center">
<div>
<i class="far fa-clock fa-2x mr-2 align-middle"></i>
<span id="span-timer" class="align-middle">0:0:1 </span>
</div>
</h5>
</div>
</div>
<br>
<div class="card">
<div class="card-body quiz-nav">
<div class="card-text">
<button id="question-1" type="button"
class="btn btn-info m-2 btn-floating">1</button>
<button id="question-2" type="button"
class="btn btn-info m-2 btn-floating">2</button>
<button id="question-3" type="button"
class="btn btn-info m-2 btn-floating">3</button>
<button id="question-4" type="button"
class="btn btn-info m-2 btn-floating">4</button>
<button id="question-5" type="button"
class="btn btn-info m-2 btn-floating">5</button>
<button id="question-6" type="button"
class="btn btn-info m-2 btn-floating">6</button>
<button id="question-7" type="button"
class="btn btn-info m-2 btn-floating">7</button>
<button id="question-8" type="button"
class="btn btn-info m-2 btn-floating">8</button>
<button id="question-9" type="button"
class="btn btn-info m-2 btn-floating">9</button>
<button id="question-10" type="button"
class="btn btn-info m-2 btn-floating">10</button>
<button id="question-11" type="button"
class="btn btn-info m-2 btn-floating">11</button>
<button id="question-12" type="button"
class="btn btn-info m-2 btn-floating">12</button>
<button id="question-13" type="button"
class="btn btn-info m-2 btn-floating">13</button>
<button id="question-14" type="button"
class="btn btn-info m-2 btn-floating">14</button>
<button id="question-15" type="button"
class="btn btn-info m-2 btn-floating">15</button>
<button id="question-16" type="button"
class="btn btn-info m-2 btn-floating">16</button>
<button id="question-17" type="button"
class="btn btn-info m-2 btn-floating">17</button>
<button id="question-18" type="button"
class="btn btn-info m-2 btn-floating">18</button>
<button id="question-19" type="button"
class="btn btn-info m-2 btn-floating">19</button>
</div>
</div>
</div>
</div>
</div>
</form>
<!-- for small device quiz nav[<992px] -->
<div class="card d-block d-lg-none d-xl-none" style="overflow-x: auto;">
<div class="card-body quiz-nav-mob" style="white-space: nowrap;text-align: center;">
<button id="question-1" type="button" class="btn btn-info mx-2 btn-floating">1</button>
<button id="question-2" type="button" class="btn btn-info mx-2 btn-floating">2</button>
<button id="question-3" type="button" class="btn btn-info mx-2 btn-floating">3</button>
<button id="question-4" type="button" class="btn btn-info mx-2 btn-floating">4</button>
<button id="question-5" type="button" class="btn btn-info mx-2 btn-floating">5</button>
<button id="question-6" type="button" class="btn btn-info mx-2 btn-floating">6</button>
<button id="question-7" type="button" class="btn btn-info mx-2 btn-floating">7</button>
<button id="question-8" type="button" class="btn btn-info mx-2 btn-floating">8</button>
<button id="question-9" type="button" class="btn btn-info mx-2 btn-floating">9</button>
<button id="question-10" type="button" class="btn btn-info mx-2 btn-floating">10</button>
<button id="question-11" type="button" class="btn btn-info mx-2 btn-floating">11</button>
<button id="question-12" type="button" class="btn btn-info mx-2 btn-floating">12</button>
<button id="question-13" type="button" class="btn btn-info mx-2 btn-floating">13</button>
<button id="question-14" type="button" class="btn btn-info mx-2 btn-floating">14</button>
<button id="question-15" type="button" class="btn btn-info mx-2 btn-floating">15</button>
<button id="question-16" type="button" class="btn btn-info mx-2 btn-floating">16</button>
<button id="question-17" type="button" class="btn btn-info mx-2 btn-floating">17</button>
<button id="question-18" type="button" class="btn btn-info mx-2 btn-floating">18</button>
<button id="question-19" type="button" class="btn btn-info mx-2 btn-floating">19</button>
</div>
</div>
<br>
<div class="card d-lg-block">
<div class="card-body px-3 py-1">
<div class="card-body text-dark">
<div class="row">
<div class="col-md-2 col-6 text-center mb-5" style="color: black;vertical-align: middle;text-align: end;">
<span class="pl-2" style="font-size:xx-large;"><button id="stats-answered" class="btn btn-info m-2 btn-floating answered pe-none">0</button></span>
<span style="vertical-align: middle;text-align: start;"><br>Answered</span>
</div>
<div class="col-md-2 col-6 text-center mb-5" style="color: darkcyan;vertical-align: middle;text-align: end;">
<span class="pl-2" style="font-size: xx-large;"><button id="stats-not-answered"
class="btn btn-info m-2 btn-floating not_answered pe-none">0</button></span>
<span style="vertical-align: middle;text-align: start;"><br>Not Answered</span>
</div>
<div class="col-md-2 col-6 text-center mb-5" style="color: #28a745;vertical-align: middle;text-align: end;">
<span class="pl-2" style="font-size: xx-large;"><button id="stats-not-visited"
class="btn btn-info m-2 btn-floating not_visited pe-none">0</button></span>
<span style="vertical-align: middle;text-align: start;"><br>Not Visited</span>
</div>
<div class="col-md-2 col-6 text-center mb-5" style="color: black;vertical-align: middle;text-align: end;">
<span id="stats-correct" class="btn btn-success btn-rounded mt-2 mr-2">Correct : 0</span>
</div>
<div class="col-md-2 col-6 text-center mb-5" style="color: goldenrod;vertical-align: middle;text-align: end;">
<span id="stats-incorrect" class="btn btn-danger btn-rounded mt-2 mr-2">Incorrect : 0</span>
</div>
</div>
</div>
</div>
</div>
<!-- Vertically centered Modal -->
<div class="modal fade" id="reportModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Report Question</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form id="reportForm">
<div class="form-group">
<label for="report-type" class="col-form-label">What's an issue?</label>
<select class="form-control" name="report_type" id="report-type">
<option value="QUESTION">Question is wrong</option>
<option value="ANSWER">Answer is wrong</option>
<option value="OTHER">Other Reason</option>
</select>
</div>
<div class="form-group">
<label for="report-msg" class="col-form-label">Want to elaborate a bit more? (optional)</label>
<textarea class="form-control" name="report_msg" id="report-msg" rows="2"></textarea>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">
Close <i class="fas fa-times"></i>
</button>
<button type="button" id="btnReport" class="btn btn-info btn-sm">
Report <i class="fas fa-check"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<br>
<!-- Footer -->
<footer class="text-center text-lg-start text-white" style="background-color: #1a237e;">
<!-- Section: Social media -->
<section class="d-flex justify-content-center justify-content-lg-between p-4"><!-- Left -->
<div class="me-5 d-none d-lg-block"><span>Get connected with us on social networks</span></div>
<!-- Left --><!-- Right --><div>
<a target="_blank" href="https://www.facebook.com/mcqexams/"
class="me-4 text-reset text-decoration-none">
<i class="fab fa-facebook-f"></i>
</a>
<a target="_blank" href="https://twitter.com/mcqexams" class="me-4 text-reset text-decoration-none">
<i class="fab fa-twitter"></i>
</a>
<a target="_blank" href="https://in.pinterest.com/mcqexams"
class="me-4 text-reset text-decoration-none">
<i class="fab fa-pinterest"></i>
</a>
<a target="_blank" href="https://www.instagram.com/mcqexams/"
class="me-4 text-reset text-decoration-none">
<i class="fab fa-instagram"></i>
</a>
<a target="_blank" href="https://www.linkedin.com/in/mcqexams/"
class="me-4 text-reset text-decoration-none">
<i class="fab fa-linkedin"></i>
</a>
<a target="_blank" href="https://mcqexams.tumblr.com/" class="me-4 text-reset text-decoration-none">
<i class="fab fa-tumblr-square"></i>
</a>
<a target="_blank" href="https://www.youtube.com/channel/UCWgHDwh3YvnuCzfvQuWHOig"
class="me-4 text-reset text-decoration-none">
<i class="fab fa-youtube"></i>
</a>
</div> <!-- Right --></section>
<!-- Section: Social media --><!-- Section: Links -->
<section class="links">
<div class="container text-center text-md-start mt-2"><!-- Grid row -->
<div class="row mt-3"><!-- Grid column -->
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto"><!-- Content -->
<ul style="list-style: none;">
<li class="mb-1" style="text-align: left;"><a class="text-white" href="/maths/">Maths</a></li>
<li class="mb-1" style="text-align: left;"><a class="text-white" href="/science/">Science</a></li>
<li class="mb-1" style="text-align: left;"><a class="text-white" href="/social-studies/">Social Studies</a></li>
</ul>
</div>
<!-- Grid column --><!-- Grid column -->
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto"><!-- Links -->
<ul style="list-style: none;">
<li class="mb-1" style="text-align: left;"><a class="text-white" href="/english/">English</a></li>
<li class="mb-1" style="text-align: left;"><a class="text-white" href="/world-languages/">World Languages</a></li>
<li class="mb-1" style="text-align: left;"><a class="text-white" href="/computer-science/">Computer Science</a></li>
</ul>
</div>
<!-- Grid column --><!-- Grid column -->
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto"><!-- Links -->
<ul style="list-style: none;">
<li class="mb-1" style="text-align: left;"><a class="text-white" href="/creative-arts/">Creative Arts</a></li>
<li class="mb-1" style="text-align: left;"><a class="text-white" href="/career/">Career</a></li>
<li class="mb-1" style="text-align: left;"><a class="text-white" href="/health/">Health</a></li>
</ul>
</div>
<!-- Grid column --><!-- Grid column -->
<div class="col-md-3 col-lg-4 col-xl-3 mx-auto mb-md-0"><!-- Links -->
<ul style="list-style: none;">
<li class="mb-1" style="text-align: left;"><a class="text-white" href="/about-us/">About Us</a></li>
<li class="mb-1" style="text-align: left;"><a class="text-white" href="/contact-us/">Contact Us</a></li>
<li class="mb-1" style="text-align: left;"><a class="text-white" href="/disclaimer/">Disclaimer</a></li>
<li class="mb-1" style="text-align: left;"><a class="text-white" href="/privacy-policy/">Privacy Policy</a></li>
<li class="mb-1" style="text-align: left;"><a class="text-white" href="/write-for-us/">Write for Us</a></li>
</ul>
</div>
<!-- Grid column --></div>
<!-- Grid row --></div>
</section>
<!-- Section: Links -->
<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2023 Copyright: <a class="text-white" href="https://mcqexams.com/">MCQExams.com</a>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.8.2/chart.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-MML-AM_CHTML"></script>
<script>
MathJax.Hub.Config({
tex2jax: { inlineMath: [['$', '$'], ['\\(', '\\)']] },
"HTML-CSS": {
linebreaks: {
automatic: true
},
styles: {
".MathJax_Display": {
"display": "inline"
}
}
}
});
function socialSharing(event, type) {
event.preventDefault();
let title = document.title;
let shareUrl = location.href;
let isMobileTablet = window.innerWidth < 992;
let query = "";
if (type === "whatsapp") {
shareUrl = shareUrl + '\n' + title;
query = jQuery.param({
text: shareUrl
});
shareUrl = "https://" + (isMobileTablet ? 'api' : 'web') + ".whatsapp.com/send?" + query;
} else if (type === "facebook") {
query = jQuery.param({
u: shareUrl,
title: title
});
shareUrl = "https://www.facebook.com/sharer.php?" + query;
} else {
alert("Invalid sharing type")
}
let width = screen.availWidth - 500
let height = screen.availHeight - 250
let top = (screen.availHeight - height) / 2;
let left = (screen.availWidth - width) / 2;
const specs = `left=${left},top=${top},width=${width},height=${height},location=0,menubar=0,toolbar=0,status=0,scrollbars=1,resizable=1`;
window.open(shareUrl, "Social Sharing", specs);
}
</script>
<!-- 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 mcqexams.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 -->
<script>
var seconds = 1;
var minutes = 0;
var hours = 0;
var timeString = "";
var report_question_url = "/computer-science/report-question/";
var quiz_percentage_url = "/computer-science/quiz-percentage/";
var answered = 0;
var not_answered = 0;
var not_visited = 0;
var correct_ans = 0;
var incorrect_ans = 0;
function updateStats() {
let total_questions = parseInt("19");
let answered = parseInt($('.btn-floating.answered').length) - 1;
let not_answered = parseInt($('.btn-floating.not_answered').length) - 1;
let not_visited = total_questions - answered - not_answered;
$("#stats-answered").html(answered);
$("#stats-not-answered").html(not_answered);
$("#stats-not-visited").html(not_visited);
location.replace(`#q${parseInt($('.btn-floating.active').html())}`);
// $(".container")[0].scrollIntoView({ behavior: "smooth", block: "start", inline: "start" });
}
async function fetchQuizPercentageJSON(question_id, selected_choice_id) {
let formData = new FormData();
formData.append("question_id", question_id);
formData.append("selected_choice_id", selected_choice_id);
try {
const response = await fetch(quiz_percentage_url, {
method: "POST",
body: formData
});
const json_response = await response.json();
return json_response;
} catch (err) {
alert("Error : " + err);
}
}
$(document).ready(function () {
if (window.innerWidth < 992) {
$('.quiz-nav .btn-floating').removeAttr("id");
$('.quiz-nav-mob .btn-floating')[0].click();
} else {
$('.quiz-nav-mob .btn-floating').removeAttr("id");
$('.quiz-nav .btn-floating')[0].click();
}
setInterval(gettime, 1000);
});
$(".list-group-item").click(function () {
$("#" + $(this).attr("data-choice-id")).prop("checked", true);
let checked_radio = $(".div-question.active input[type='radio']:checked");
let question_id = checked_radio.prop("name");
let choice_id = checked_radio.prop("value");
if (question_id && choice_id) {
fetchQuizPercentageJSON(question_id, choice_id).then(response => {
if (response.status == 200) {
if (response.data.selected_choice) {
$(`li[data-choice-id=choice_${response.data.selected_choice.id}]`).addClass("li-quiz-percentage-red").css({ "background-size": response.data.selected_choice.percentage })
$(`#choice_${response.data.selected_choice.id}`).next().show().addClass("span-quiz-percentage-red").html(response.data.selected_choice.percentage);
$(`li[data-choice-id=choice_${response.data.selected_choice.id}] input`).hide();
}
$(`li[data-choice-id=choice_${response.data.correct_choice.id}]`).addClass("li-quiz-percentage-green").css({ "background-size": response.data.correct_choice.percentage })
$(`#choice_${response.data.correct_choice.id}`).next().show().addClass("span-quiz-percentage-green").html(response.data.correct_choice.percentage);
$(`li[data-choice-id=choice_${response.data.correct_choice.id}] input`).hide();
response.data.incorrect_choice.forEach(items => {
$(`li[data-choice-id=choice_${items.id}]`).addClass("li-quiz-percentage").css({ "background-size": items.percentage })
$(`#choice_${items.id}`).next().show().addClass("span-quiz-percentage").html(items.percentage);
$(`li[data-choice-id=choice_${items.id}] input`).hide();
});
$("#div-q-" + question_id).show();
$(".div-question.active li").off('click');
$('.btn-floating.active').removeClass("not_answered").addClass("answered");
updateStats();
if (choice_id == response.data.correct_choice.id) {
correct_ans += 1
$("#stats-correct").html(`Correct : ${correct_ans}`);
} else {
incorrect_ans += 1
$("#stats-incorrect").html(`Incorrect : ${incorrect_ans}`);
}
} else {
alert("Error : " + response.details);
}
});
} else {
alert("Please select an option before submitting the answer.");
}
});
$(".btnNext").click(function () {
let nextEL = $('.btn-floating.active').next();
let targetEL = $('#' + nextEL.prop('id'))[0];
if (targetEL) {
targetEL.scrollIntoView({ behavior: "smooth", block: "center", inline: "center" });
}
nextEL.click();
updateStats();
});
$(".btnPrev").click(function () {
let prevEL = $('.btn-floating.active').prev();
let targetEL = $('#' + prevEL.prop('id'))[0];
if (targetEL) {
targetEL.scrollIntoView({ behavior: "smooth", block: "center", inline: "center" });
}
prevEL.click();
updateStats();
});
$(".btn-floating").click(function () {
$('.btn-floating').removeClass('active');
$(this).addClass("active");
$(".div-question").removeClass("active");
$("#q" + $(this).html()).addClass("active");
if (!$(this).hasClass("answered")) {
$(this).addClass("not_answered");
}
updateStats();
});
$("#btnReport").click(function () {
let qid = $(".div-question.active").attr("data-question-id");
let formData = new FormData($("#reportForm")[0]);
formData.append("q_id", qid);
fetch(report_question_url, {
method: "POST",
body: formData
});
$("#reportModal").modal("hide");
$("#reportForm")[0].reset();
alert("Thank you for you review, Your query is reported.");
});
</script>
<script>
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}:${minutes}:${seconds}`
mobileTimeString = `${hours}:${minutes}:${seconds}`
$("#span-timer").text(timeString);
$("input[name='time_taken']").val(timeString);
$("#span-mobile-timer").text(mobileTimeString);
}
</script>
</body>
</html>