<!-- /tutorials/project_12/index.php -->
<b></b>
<?php
$arr=[
	"",
	"Quiz, <b>pics.js</b>",
	"<b>quiz.html</b>",
	"<b>styles.css</b>",
	"<b>globals.js</b>, <b>setup()</b>",
	"<b>klick()</b>, <b>clear()</b>",
	"Asking multiple questions",
	"<b>get_pic()</b>",
	"<b>g_used</b>, <b>includes</b>, <b>g_k</b>",
	"avoiding looping forever",
	"<b>quiz.html</b>",
	"could be used for any quiz",
	"<b>pics.js</b>",
	"<b>eval</b>",
	"restricting the number of questions, scoring",
	"a finale",
	"<b>strip()</b>",
	"<b>finale()</b>",
	"simple <b>index.html</b>",
	"parameter passing",
	"<b>index.html</b>",
	"back to the menu"
	];
?>
<!-- <b></b>  -->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Project 12 Tutorial</title>
<link rel='stylesheet' href='styles.css'>
<style>
	a {text-decoration: none; color:blue;}
	li {margin-top:1vmin;}
	#right_panel {margin-left:7vmin;}
	.cols_2 {display:flex; justify-content: center;}
</style>
</head>

<body>
<div id='main'>

	<div id='head'>
		<a href="/tutorials/JavaScript%20Projects/index_tutes.php">
			<img id='back' src='/common/images/back.png'>
		</a>
		<div class='btn hide'>previous</div>
		<div id='title'>
			<img src='title.png'>
			<p id='page'>overview - click on any line</p>
			<p id='index'><a class='brown' href='/php/project_index.php?current_project=12'>all project index</a></p>
			<p><a class='magenta' href='/tutorials/project_0/index.html'>viewing JavaScript errors</a></p>
		</div>
		<div class='btn hide'>next</div>
		<a href='/index.html'>
			<img id='home' src='/common/images/home.png'>
		</a>
	</div>

	<div class='cols_2'>
		<ol>
		<?php
		for ($n=1;$n<12;$n++) {
			echo "<li><a href='".$n.".html'>".$arr[$n]."</li>\n";////
		}
		?>
		</ol>
		<ol start='12' id='right_panel'>
		<?php
		for ($n=12;$n<22;$n++) {
			echo "<li><a href='".$n.".html'>".$arr[$n]."</li>\n";////
		}
		?>
		</ol>
	</div>

</div>
<?php $uri='Project 12'; include '../../php/site_log.php'; ?>
</body>

</html>