Please note, this is a STATIC archive of website www.tutorialspoint.com from 11 May 2019, cach3.com does not collect or store any user information, there is no "phishing" involved.
<!DOCTYPE html>
<html>
<head>
<title>Web Page Design</title>
<style type="text/css">
body {
font-family: sans-serif;
}
div {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #a0c;
position: absolute;
}
</style>
</head>
<body>
<h2>Test Your Reaction!</h2>
<p>Click on the boxes and circles as quickly as you can!</p>
<p><strong>Your time: <span id="time">00:00</span></strong> </p>
<div id="shape"></div>
<script type="text/javascript">
document.getElementById("shape").onclick = function(){
//SHAPE SIZE
var width = Math.floor(Math.random(1)*200) +50+ "px";
var height = width;
document.getElementById("shape").style.width = width;
document.getElementById("shape").style.height = height;
//SHAPE COLOR
var red = new String(Math.floor(Math.random(1)*10));
var green = new String(Math.floor(Math.random(1)*10));
var blue = new String(Math.floor(Math.random(1)*10));
var rgb = red.concat(green, blue);
document.getElementById("shape").style.backgroundColor = "#" + rgb;
//POSITION
var top = Math.floor(Math.random(1)*70);
var left = Math.floor(Math.random(1)*100);
document.getElementById("shape").style.top = top + 200+ "%";
document.getElementById("shape").style.left = left + "%";
//CLICK TIME
document.getElementById("time").innerHTML = Date();
}
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Website</title>
</head>
<body>
<h1>This is header type 1</h1>
<h2>This is header type 2</h2>
<h3>This is header type 3</h3>
<h4>This is header type 4</h4>
<h5>This is header type 5</h5>
<H6>This is header type 6</H6>
</body>
</html>
