Untitled

<html>

	<head>

		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

		<style>

			 body{

				font-size: 25px;

				font-family: arial;

			}

			.button{

				font-weight: bold;

				margin: 4px;

				padding: 3px;

				cursor: pointer;

				border-radius: 25px;

				background-color: white;

				color: black;

			}

			img{

				height: 150px;

			}

			tr{

				margin: 20px;

			}

			td{

				padding: 25px;

				font-size: 25px;

			}

			span{

				font-family: Arial Rounded MT Bold;

				color: white;

				margin-left: 20px;

				margin-right: 5px;

			}

		</style>

	</head>

	<body>

		<script>

			function loadCategories(){

				var url = 'GETDATA 09.php?product=ALL';

				$.get(url, function(data){

					var myObj = JSON.parse(data);

					for (i = 0; i < myObj.category.length; i++){

						str = '<option ';

						str += 'value="'

						str += myObj.category[i].name

						str += '">'

						str += '</option>';

					};

					document.getElementById('categories').innerHTML = str;

				});

			};

		</script>

		<div id='menubar' class='w3-bar' style='position:fixed; top:0px; left:0px; z-index:0; background-color:rgb(34,47,62); padding:4px;'>

			<span id='company name'>webazon</span>

			<span id='prompt-0'>Select product</span>

			<select id='categories'></select>

			<span id='go' class='button' onclick="run(document.getElementById('categories').value);">Go</span>

			<span id='load' class='button' onclick="loadCategories();">Load</span>

			<span id='prompt-1'>Max Price</span>

			<select id='maxPrice'>
				<option>10</option>
				<option>20</option>
				<option>50</option>
				<option>100</option>
			</select>

			<span id='prompt-2'>Max to Display</span>

			<select id='maxDisplay'>
				<option>2</option>
				<option>5</option>
				<option>10</option>
				<option selected>100</option>
			</select>

		</div>

		<script>loadCategories();</script>

		<script src='http://www.gobongo3.net/src/347/13923/collect-homework 09-23.js'></script>

	</body>

</html>