Untitled

<!DOCTYPE html>
<html>

	<link rel="stylesheet" type="text/css" href="Car picker.css">
	<script type="text/javascript" src="Car picker.js"></script>

	<head>
		<title>Car picker</title>
	</head>

	 <body>

		<h1>Pick a model any model!</h1>

		<div>
			<button onclick=getmS() >Model S</button>

			<button onclick=getm3() >Model 3</button>

			<button onclick=getmX() >Model X</button>

			<button onclick=getmY() >Model Y</button>
		</div>

		<img id="myImage">

	</body>
</html>

body{
	font-family: Lucida Console;
	background: #cccccc;
	color: #cc0000;
}
h1{
	text-align: center;
	font-size: 300%;
}
img{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
div{
	margin-left: 550px;
	margin-right: auto;
}
button{
	display: inline;
	background: transparent;
	font-family: Lucida Console;
}

function getmS(){
	document.getElementById('myImage').src='mS.jpg'
}function getm3(){
	document.getElementById('myImage').src='m3.jpg'
}function getmX(){
	document.getElementById('myImage').src='mX.jpg'
}function getmY(){
	document.getElementById('myImage').src='mY.jpg'
}