Scribd Logo
Upload

Welcome to Scribd!

  • Reactiont Treasure Game

    Uploaded by

    Varun Sharma
    6 views4 pages
    This document describes a reaction test game where random shapes appear on the screen that the user must click. When clicked, the shape disappears and the user's time is displayed. The game generates shapes that are randomly colored, sized, and positioned on the screen. It also randomly determines whether each shape is rounded or square. Times are calculated based on when the shape appears and when it is clicked. After each click, a new random shape appears after a delay.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    RTF, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document describes a reaction test game where random shapes appear on the screen that the user must click. When clicked, the shape disappears and the user's time is displayed. The game generates shapes that are randomly colored, sized, and positioned on the screen. It also randomly determines whether each shape is rounded or square. Times are calculated based on when the shape appears and when it is clicked. After each click, a new random shape appears after a delay.

    Copyright:

    © All Rights Reserved
    Download as RTF, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views4 pages

    Reactiont Treasure Game

    Uploaded by

    Varun Sharma
    This document describes a reaction test game where random shapes appear on the screen that the user must click. When clicked, the shape disappears and the user's time is displayed. The game generates shapes that are randomly colored, sized, and positioned on the screen. It also randomly determines whether each shape is rounded or square. Times are calculated based on when the shape appears and when it is clicked. After each click, a new random shape appears after a delay.

    Copyright:

    © All Rights Reserved
    Download as RTF, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 4

    Reaction treasure game

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>Javascript</title>

    <style type="text/css">

    body{

    font-family: sans-serif;

    #shape{

    width: 200px;

    height: 200px;

    display: none;

    background-color: orange;

    position: relative;

    .bold{

    font-weight: bold;

    </style>

    </head>
    <body>

    <h1>Test your reactions</h1>

    <p>Click on the boxes and circle as quickly as you can!!</p>

    <p>Your time :<span id="timetaken"></span></p>

    <div id="shape"></div>

    <script type="text/javascript">

    var start = new Date().getTime();

    function getRandomColor(){

    var letters = '0123456789ABCDEF'.split('');

    var color = '#';

    for (var i=0; i<6; i++){

    color+= letters[Math.floor(Math.random()*16)];

    return color;

    function makeshapeappear(){

    var top = Math.random()*400;

    var left = Math.random()*400;

    var width = (Math.random()*200) + 100;

    if (Math.random() >0.5){
    document.getElementById("shape").style.borderRadius = "50%";

    } else{

    document.getElementById("shape").style.borderRadius = "0";

    document.getElementById("shape").style.backgroundcolor = getRandomColor();

    document.getElementById("shape").style.width = width + "px"

    document.getElementById("shape").style.height = width + "px"

    document.getElementById("shape").style.top = top + "px"

    document.getElementById("shape").style.left = left + "px"

    document.getElementById("shape").style.display = "block"

    start = new Date().getTime();

    function appearAfterDelay(){

    setTimeout(makeshapeappear, Math.random()*2000);

    appearAfterDelay();

    document.getElementById("shape").onclick = function(){

    document.getElementById("shape").style.display = "none";

    var end = new Date().getTime();

    var timetaken = (end - start)/1000;

    document.getElementById("timetaken").innerHTML = timetaken + "s";

    appearAfterDelay();
    }

    </script>

    </body>

    </html>

    You might also like