bunny.html

<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="fa/css/font-awesome.min.css">
	<title>Emily Zimmerman 3D Printing</title>
	<link href="https://fonts.googleapis.com/css?family=Abel|Montserrat|Trirong|Dancing+Script" rel="stylesheet">
	<link href="style.css" type="text/css" rel="stylesheet">
</head>
<body>
	<header>
		<br>
		<br>
		<a href="index.html"> <h1>Emily Zimmerman 3D Printing</h1> </a>
		<br>
		<br>
		<br>
		<nav>
			<!--<img id="logo" src="logo.png">--><a href="index.html"><h4>Home</h4></a><a href="products.html"><h4>Products</h4></a><a href="about.html"><h4>About</h4></a>
		</nav> 
	</header>
	<br>
		<span class="back"><a href="products.html"><i class="fa fa-arrow-left" aria-hidden="true"></i></a></span> 
	<div class="product">
		<img src="img/bunny.jpg">
		<h4>Low-poly Bunny</h4> 
        <select id="dropdown" onchange="run()">
            <option value="Size">Size</option>
            <option value="$6">1-3in</option>
            <option value="$8">4-6in</option>
            <option value="$10">7-10in</option>
        </select>
        <button id="price">Select Size</button>
	</div>
    
   <script>
function run() {
    var x = document.getElementById("dropdown").value;
    document.getElementById("price").innerHTML = x;
}
</script>
</body>
</html>