save 22200

by Daniel Hall

HTML

<body id="bg1" bgcolor = "white">
<div id="body" style="
position: absolute;
left: 20%;
top: 80%;
width: 40%;
height: 50%;
background-color: black">
</div>
<button onclick="document.getElementById('body')
.style.backgroundColor = 'red'">
red body
</button>
<button onclick="document.getElementById('body')
.style.backgroundColor = 'blue'">
blue body
</button>
<button onclick="
document.getElementById('body')
.style.backgroundColor = 'yellow'">
yellow body
</button>
<button onclick="document.getElementById('body')
.style.backgroundColor = 'green'">
green body
</button>
<button onclick="document.getElementById('body')
.style.backgroundColor = 'white'">
white body
</button>
<button onclick="document.getElementById('body')
.style.backgroundColor = 'pink'">
pink body
</button>
<button onclick="document.getElementById('body')
.style.backgroundColor = 'black'">
black body
</button>
<button onclick="document.getElementById('body')
.style.backgroundColor = '#FFA500'">
orange body
</button>
<button onclick="document.getElementById('body')
.style.backgroundColor = 'purple'">
purple body
</button>
<div id="head" style="
position: absolute;
left: 26%;
top: 50%;
width: 30%;
height: 30%;
border-radius: 50px;
background-color: pink;">
</div>
<button onclick="document.getElementById('head')
.style.backgroundColor = 'brown'">
brown face
</button>
</body>