https://www.human-benchmark.org/reaction-time-test

Scan ID:
3251631a-0ec6-46a1-b605-c13dd2d8a3e3Finished
Submitted URL:
https://www.human-benchmark.org/reaction-time-test
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 63 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 1 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html class="loading" lang="en" style="--vh: 6px;"><!-- BEGIN : Head--><head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
    <meta name="description" content="Test how fast you react with reaction time tests. See how quickly your brain responds to different challenges!">
    <meta name="keywords" content="reaction time test, reaction test, reaction time, human benchmark">
    <meta name="author" content="https://human-benchmark.org">
    <link rel="canonical" href="https://human-benchmark.org/reaction-time-test">
    <title>Reaction Time Test | Human Benchmark | Reaction time</title>
        <link rel="shortcut icon" type="image/x-icon" href="/static/logo/hblo.png">
    <link rel="shortcut icon" type="image/png" href="/static/logo/hblo.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900%7CMontserrat:300,400,500,600,700,800,900" rel="stylesheet">
    <!-- BEGIN VENDOR CSS-->
    <!-- font icons-->
    <link rel="stylesheet" type="text/css" href="/static/app-assets/fonts/feather/style.min.css">
    <!-- <link rel="stylesheet" type="text/css" href="/static/app-assets/fonts/simple-line-icons/style.css"> -->
    <link rel="stylesheet" type="text/css" href="/static/app-assets/fonts/font-awesome/css/font-awesome.min.css">
    <!-- <link rel="stylesheet" type="text/css" href="/static/app-assets/vendors/css/perfect-scrollbar.min.css"> -->
    <!-- <link rel="stylesheet" type="text/css" href="/static/app-assets/vendors/css/prism.min.css">
    <link rel="stylesheet" type="text/css" href="/static/app-assets/vendors/css/switchery.min.css">
    <link rel="stylesheet" type="text/css" href="/static/app-assets/vendors/css/chartist.min.css"> -->
    <!-- END VENDOR CSS-->
    <!-- BEGIN APEX CSS-->
    <link rel="stylesheet" type="text/css" href="/static/app-assets/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/static/app-assets/css/bootstrap-extended.css">
    <!-- <link rel="stylesheet" type="text/css" href="/static/app-assets/css/colors.css"> -->
    <link rel="stylesheet" type="text/css" href="/static/app-assets/css/components.css">
    <!-- <link rel="stylesheet" type="text/css" href="/static/app-assets/css/themes/layout-dark.css"> -->
    <!-- <link rel="stylesheet" href="/static/app-assets/css/plugins/switchery.css"> -->
    <!-- END APEX CSS-->
    <!-- BEGIN Page Level CSS-->
    <link rel="stylesheet" type="text/css" href="/static/app-assets/css/core/menu/horizontal-menu.css">
    <!-- <link rel="stylesheet" type="text/css" href="/static/app-assets/css/pages/dashboard1.css"> -->
    <!-- END Page Level CSS-->
    <!-- BEGIN: Custom CSS-->
    <link rel="stylesheet" type="text/css" href="/static/assets/css/style.css">
    <!-- END: Custom CSS-->
    <!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-5LC4VEFXP2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-5LC4VEFXP2');
</script> 
      <script language="Javascript"><!--
//global vars
var rt1 = 0;
var rt2 = 0;
var rt3 = 0;
var rt4 = 0;
var rt5 = 0;
var avg = 0;
var whichTest = "0";

//set up elements of the timer
var myTime = new Date();
var starTime = myTime.getTime();
var endTime = myTime.getTime();

//preload images
if (document.images){
img = new Array();
// img[1]=new Image(); img[1].src="rttest_stoplight_yellow.gif";
// img[2]=new Image(); img[2].src="rttest_stoplight_red.gif";
// img[3]=new Image(); img[3].src="rttest_stoplight_green.gif";
// img[4]=new Image(); img[4].src="rttest_wait.gif";
// img[5]=new Image(); img[5].src="rttest_ready.gif";
// img[6]=new Image(); img[6].src="rttest_go.gif";
// img[7]=new Image(); img[7].src="rttest_done.gif";
// img[8]=new Image(); img[8].src="rttest_continue.gif";
}

//starts from the top
function startOver(){
whichTest = "0";
document.getElementById("displayvalue1").innerHTML= "wait";
rt1 = 0;
rt2 = 0;
rt3 = 0;
rt4 = 0;
rt5 = 0;
avg = 0;
// document.rttest.test1.value = "";
// document.rttest.test2.value = "";
// document.rttest.test3.value = "";
// document.rttest.test4.value = "";
// document.rttest.test5.value = "";
// document.rttest.avg.value = "";
atimer = setTimeout("test1SetUp()",0);
}

function test1SetUp(){
document.getElementById("rtt").style.display = 'block';
document.getElementById("rtt").src = "/static/flash.png";
document.getElementById("displayvalue1").innerHTML= "Reaction Time Test";
document.getElementById("displayvalue2").innerHTML= "When the red box turns green, click as quickly as you can. <br> Click anywhere to start.";
document.getElementById('slight').style.backgroundColor = '#2583c7';
whichTest = "1a";
document.getElementById("jensena").style.display= 'block';
document.getElementById("clicktest").style.display= 'none';
document.getElementById('buttClick').style.display = 'block';
document.getElementById('buttClick1').style.display = 'none';
}

function test1DoIt(){
whichTest="0";
document.getElementById('slight1').style.backgroundColor = 'red';
document.getElementById('displayvalue11').innerHTML = '...';
document.getElementById('displayvalue21').innerHTML = 'Wait for Green';
document.getElementById('jensena').style.display = 'none';
document.getElementById('clicktest').style.display = 'block';
document.getElementById('buttClick').style.display = 'none';
document.getElementById('buttClick1').style.display = 'block';
btimer = setTimeout("whichTest = '1b'; lightGreen()",(Math.random()*3000) 
+ 3000);
}

function test1Recap(){
whichTest="0";
myTime = new Date();
endTime = myTime.getTime();
document.getElementById("displayvalue1").innerHTML= "wait";
document.getElementById('slight').style.backgroundColor = '#2583c7';
rt1 = (endTime - starTime)/1000;
document.getElementById("test1").innerHTML = rt1.toString();
document.getElementById("avgvalue").innerHTML = rt1.toString();
ctimer = setTimeout("test2SetUp()",0);
}

function test2SetUp(){
document.getElementById("rtt").style.display = 'block';
document.getElementById("rtt").src = "/static/speed.png";
document.getElementById("displayvalue1").innerHTML= test1.innerHTML +" ms";
document.getElementById('displayvalue2').innerHTML = 'Click to Keep Going.';
whichTest = "2a";
document.getElementById("jensena").style.display= 'block';
document.getElementById("clicktest").style.display= 'none';
document.getElementById('buttClick').style.display = 'block';
document.getElementById('buttClick1').style.display = 'none';
// $('#iconModal').modal('show');
}

function test2DoIt(){
whichTest="0";
document.getElementById('slight1').style.backgroundColor = 'red';
document.getElementById('displayvalue11').innerHTML = '...';
document.getElementById('displayvalue21').innerHTML = 'Wait for Green';
document.getElementById('clicktest').style.display = 'block';
document.getElementById('buttClick').style.display = 'none';
document.getElementById('buttClick1').style.display = 'block';
btimer = setTimeout("whichTest = '2b'; lightGreen()",(Math.random()*4500) 
+ 2500);
}

function test2Recap(){
whichTest="0";
myTime = new Date();
endTime = myTime.getTime();
document.getElementById("displayvalue1").innerHTML= "wait..";
document.getElementById('slight').style.backgroundColor = '#2583c7';
rt2 = (endTime - starTime)/1000;
document.getElementById("test2").innerHTML = rt2.toString();
document.getElementById("avgvalue").innerHTML = (rt1 + rt2)/2;
ctimer = setTimeout("test3SetUp()",0);
}

function test3SetUp(){
document.getElementById("rtt").style.display = 'block';
document.getElementById("rtt").src = "/static/speed.png";
document.getElementById("displayvalue1").innerHTML= test2.innerHTML +" ms";
document.getElementById('displayvalue2').innerHTML = 'Click to Keep Going.';
whichTest = "3a";
document.getElementById("jensena").style.display= 'block';
document.getElementById("clicktest").style.display= 'none';
document.getElementById('buttClick').style.display = 'block';
document.getElementById('buttClick1').style.display = 'none';
}

function test3DoIt(){
whichTest="0";
document.getElementById('slight1').style.backgroundColor = 'red';
document.getElementById('displayvalue11').innerHTML = '...';
document.getElementById('displayvalue21').innerHTML = 'Wait for Green';
document.getElementById('jensena').style.display = 'none';
document.getElementById('clicktest').style.display = 'block';
document.getElementById('buttClick').style.display = 'none';
document.getElementById('buttClick1').style.display = 'block';
btimer = setTimeout("whichTest = '3b'; lightGreen()",(Math.random()*4500) 
+ 2500);
}

function test3Recap(){
whichTest="0";
myTime = new Date();
endTime = myTime.getTime();
document.getElementById("displayvalue1").innerHTML= "wait..";
document.getElementById('slight').style.backgroundColor = '#2583c7';
rt3 = (endTime - starTime)/1000;
document.getElementById("test3").innerHTML = rt3.toString();
document.getElementById("avgvalue").innerHTML  = (rt1 + rt2 + rt3)/3;
ctimer = setTimeout("test4SetUp()",0);
}

function test4SetUp(){
document.getElementById("rtt").style.display = 'block';
document.getElementById("rtt").src = "/static/speed.png";
document.getElementById("displayvalue1").innerHTML= test3.innerHTML +" ms";
document.getElementById('displayvalue2').innerHTML = 'Click to Keep Going.';
whichTest = "4a";
document.getElementById("jensena").style.display= 'block';
document.getElementById("clicktest").style.display= 'none';
document.getElementById('buttClick').style.display = 'block';
document.getElementById('buttClick1').style.display = 'none';
}

function test4DoIt(){
whichTest="0";
document.getElementById('slight1').style.backgroundColor = 'red';
document.getElementById('displayvalue11').innerHTML = '...';
document.getElementById('displayvalue21').innerHTML = 'Wait for Green';
document.getElementById('jensena').style.display = 'none';
document.getElementById('clicktest').style.display = 'block';
document.getElementById('buttClick').style.display = 'none';
document.getElementById('buttClick1').style.display = 'block';
btimer = setTimeout("whichTest = '4b'; lightGreen()",(Math.random()*4500) 
+ 2500);
}

function test4Recap(){
whichTest="0";
myTime = new Date();
endTime = myTime.getTime();
document.getElementById("displayvalue1").innerHTML= "wait";
document.getElementById('slight').style.backgroundColor = '#2583c7';
rt4 = (endTime - starTime)/1000;
document.getElementById("test4").innerHTML = rt4.toString();
document.getElementById("avgvalue").innerHTML = (rt1 + rt2 + rt3 + rt4)/4;
ctimer = setTimeout("test5SetUp()",0);
}

function test5SetUp(){
document.getElementById("rtt").style.display = 'block';
document.getElementById("rtt").src = "/static/speed.png";
document.getElementById("displayvalue1").innerHTML= test4.innerHTML +" ms";
document.getElementById('displayvalue2').innerHTML = 'Click to Keep Going.';
whichTest = "5a";
document.getElementById("jensena").style.display= 'block';
document.getElementById("clicktest").style.display= 'none';
document.getElementById('buttClick').style.display = 'block';
document.getElementById('buttClick1').style.display = 'none';
}

function test5DoIt(){
whichTest="0";
document.getElementById('slight1').style.backgroundColor = 'red';
document.getElementById('displayvalue11').innerHTML = '...';
document.getElementById('displayvalue21').innerHTML = 'Wait for Green';
document.getElementById('jensena').style.display = 'none';
document.getElementById('clicktest').style.display = 'block';
document.getElementById('buttClick').style.display = 'none';
document.getElementById('buttClick1').style.display = 'block';
btimer = setTimeout("whichTest = '5b'; lightGreen()",(Math.random()*4500) 
+ 2500);
}

function test5Recap(){
whichTest="0";
myTime = new Date();
endTime = myTime.getTime();
document.getElementById('slight').style.backgroundColor = '#2583c7';
rt5 = (endTime - starTime)/1000;
document.getElementById("test5").innerHTML = rt5.toString();
document.getElementById("avgvalue").innerHTML = ((rt1 + rt2 + rt3 + rt4 + rt5)/5).toFixed(3);
document.getElementById("displayvalue1").innerHTML= "Reaction Time Test";
document.getElementById("displayvalue2").innerHTML= "";
document.getElementById("rtt").style.display = 'block';
document.getElementById("rtt").src = "/static/flash.png";
$('#iconModal').modal('show');
etimer = setTimeout("whichTest='6'",1000);
}
//this function set off by either a mousedown or keypress
function buttClicked(){
if (whichTest == "1b"){test1Recap()}else{}
if (whichTest == "2b"){test2Recap()}else{}
if (whichTest == "3b"){test3Recap()}else{}
if (whichTest == "4b"){test4Recap()}else{}
if (whichTest == "5b"){test5Recap()}else{}
if (whichTest == "1a"){test1DoIt()}else{}
if (whichTest == "2a"){test2DoIt()}else{}
if (whichTest == "3a"){test3DoIt()}else{}
if (whichTest == "4a"){test4DoIt()}else{}
if (whichTest == "5a"){test5DoIt()}else{}
if (whichTest == "6"){startOver()}else{}
}

//turn the light green and setup to wait for the click or keypress
function lightGreen(){
document.getElementById("rtt").style.display = 'none';
document.getElementById('jensena').style.display = 'block';
document.getElementById('clicktest').style.display = 'none';
document.getElementById('buttClick').style.display = 'block';
document.getElementById('buttClick1').style.display = 'none';
document.getElementById('slight').style.backgroundColor = 'Green';
document.getElementById('displayvalue1').innerHTML = '...';
document.getElementById('displayvalue2').innerHTML = 'Click!';
myTime = new Date();
starTime = myTime.getTime();
}


function test1SetUp1(){
document.getElementById("rtt").src = "/static/info.png";
document.getElementById("displayvalue1").innerHTML= "To Soon!";
document.getElementById("displayvalue2").innerHTML= "Click To try Again.";
document.getElementById('slight').style.backgroundColor = '#2583c7';
whichTest = "1a";
document.getElementById("jensena").style.display= 'block';
document.getElementById("clicktest").style.display= 'none';
document.getElementById('buttClick').style.display = 'block';
document.getElementById('buttClick1').style.display = 'none';
}
function test2SetUp1(){
document.getElementById("rtt").src = "/static/info.png";
document.getElementById("displayvalue1").innerHTML= "To Soon!";
document.getElementById("displayvalue2").innerHTML= "Click To try Again.";
document.getElementById('slight').style.backgroundColor = '#2583c7';
whichTest = "2a";
document.getElementById("jensena").style.display= 'block';
document.getElementById("clicktest").style.display= 'none';
document.getElementById('buttClick').style.display = 'block';
document.getElementById('buttClick1').style.display = 'none';
}
function test3SetUp1(){
document.getElementById("rtt").src = "/static/info.png";
document.getElementById("displayvalue1").innerHTML= "To Soon!";
document.getElementById("displayvalue2").innerHTML= "Click To try Again.";
document.getElementById('slight').style.backgroundColor = '#2583c7';
whichTest = "3a";
document.getElementById("jensena").style.display= 'block';
document.getElementById("clicktest").style.display= 'none';
document.getElementById('buttClick').style.display = 'block';
document.getElementById('buttClick1').style.display = 'none';
}
function test4SetUp1(){
document.getElementById("rtt").src = "/static/info.png";
document.getElementById("displayvalue1").innerHTML= "To Soon!";
document.getElementById("displayvalue2").innerHTML= "Click To try Again.";
document.getElementById('slight').style.backgroundColor = '#2583c7';
whichTest = "4a";
document.getElementById("jensena").style.display= 'block';
document.getElementById("clicktest").style.display= 'none';
document.getElementById('buttClick').style.display = 'block';
document.getElementById('buttClick1').style.display = 'none';
}
function test5SetUp1(){
document.getElementById("rtt").src = "/static/info.png";
document.getElementById("displayvalue1").innerHTML= "To Soon!";
document.getElementById("displayvalue2").innerHTML= "Click To try Again.";
document.getElementById('slight').style.backgroundColor = '#2583c7';
whichTest = "5a";
document.getElementById("jensena").style.display= 'block';
document.getElementById("clicktest").style.display= 'none';
document.getElementById('buttClick').style.display = 'block';
document.getElementById('buttClick1').style.display = 'none';
}
function testing() {
  clearInterval(btimer);
  document.getElementById("displayvalue1").innerHTML= "To Soon!";
  document.getElementById('displayvalue2').innerHTML = "Click To try Again.";
    document.getElementById("jensena").style.display= 'none';
  document.getElementById("clicktest").style.display= 'block';
  document.getElementById('buttClick').style.display = 'none';
document.getElementById('buttClick1').style.display = 'block';
  reastart();
}

function reastart(){
  atimer = setTimeout("test1SetUp()",0);
  if(test1.innerHTML == '')atimer = setTimeout("test1SetUp1()",0);
  else if(test2.innerHTML == '')atimer = setTimeout("test2SetUp1()",0);
  else if(test3.innerHTML == '')atimer = setTimeout("test3SetUp1()",0);
  else if(test4.innerHTML == '')atimer = setTimeout("test4SetUp1()",0);
  else if(test5.innerHTML == '')atimer = setTimeout("test5SetUp1()",0);
  buttClicked();
  document.getElementById("jensena").style.display= 'block';
}

//event capture for Netscape, keypresses captured
//see the second half of this function at the bottom of html body
function whichKey(e){
buttClicked();
}
//-->
</script>
<style>
body {font-size : 10pt; font-family : Arial, sans-serif; margin-left : 
15px; margin-right : 0px}
p {font-size : 10pt; font-family : Arial, sans-serif}
a {font-size : 10pt; font-family : Arial, sans-serif}
.title {font-size : 12pt; font-family : Arial, sans-serif; font-weight : 
bold}
.reg {font-size : 10pt; font-family : Arial, sans-serif}
.smaller {font-size : 9pt; font-family : Arial, sans-serif}
.copy {font-size : 8pt; font-family : Arial, sans-serif; color : #000000}

a:hover {color : #000099}
#displayvalue, #displayval{
    padding-top: 80px !important;
    font-weight: bold;
}
.areabtn {
    min-height: 350px;
    border-radius: 25px;
    background-color: rgb(37, 131, 199);
    border: 4px solid #fff;
    font-size: 20px;
}
#displayvalue1, #displayvalue2,#displayvalue11, #displayvalue21 {
  text-align: center !important;
  font-weight: bold;
}

#displayvalue1, #displayvalue11 {
  font-size: 4rem !important;
}
#displayvalue2, #displayvalue21 {
   font-size: 1.5rem !important;
}
.textdesign{
        text-align: center;
        font-weight: bold;
        margin-bottom: 0rem !important;
}
</style>  
</head>
<!-- END : Head-->

<!-- BEGIN : Body-->
<body class="horizontal-layout horizontal-menu-padding 2-columns navbar-sticky pace-running menu-hide vertical-layout vertical-overlay-menu fixed-navbar" data-open="hover" data-menu="horizontal-menu" data-col="2-columns" onload="startOver();"><div class="pace pace-active"><div class="pace-progress" data-progress-text="6%" data-progress="06" style="transform: translate3d(6.77893%, 0px, 0px);">
  <div class="pace-progress-inner"></div>
</div>
<div class="pace-activity"></div></div>
     <nav class="navbar navbar-expand-lg navbar-light header-navbar navbar-fixed fixed-top">
        <div class="container-fluid navbar-wrapper">
            <div class="navbar-header d-flex">
                <div class="navbar-toggle menu-toggle d-xl-none d-block float-left align-items-center justify-content-center" data-toggle="collapse"><i class="ft-menu font-medium-3"></i></div>
                <ul class="navbar-nav">
                    <li class="nav-item mr-2 d-none d-lg-block"><a class="nav-link apptogglefullscreen" id="navbar-fullscreen" href="javascript:;"><i class="ft-maximize font-medium-3"></i></a></li>
                    <li class="nav-item nav-search"><a class="nav-link nav-link-search" href="javascript:"><i class="ft-search font-medium-3"></i></a>
                        <div class="search-input">
                            <div class="search-input-icon"><i class="ft-search font-medium-3"></i></div>
                            <input class="input" type="text" placeholder="Explore Apex..." tabindex="0" data-search="template-search">
                            <div class="search-input-close"><i class="ft-x font-medium-3"></i></div>
                            <ul class="search-list"></ul>
                        </div>
                    </li>
                </ul>
                <div class="navbar-brand-center">
                    <div class="navbar-header">
                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <div class="logo"><a class="logo-text" href="index.html">
                                        <div class="logo-img"><img class="logo-img" alt="human benchmark" src="/static/logo/hblo.png"></div><span class="text"><strong>Human Benchmark</strong></span>
                                    </a></div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>           
        </div>
    </nav> 
    <div class="wrapper">
        <div class="main-menu menu-light menu-fixed menu-shadow app-sidebar" role="navigation" data-menu="menu-wrapper" data-background-color="man-of-steel" style="touch-action: none; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
<!-- Horizontal menu content-->
            <div class="navbar-container main-menu-content center-layout sidebar-content ps" data-menu="menu-container">
                <!-- include ../../../includes/mixins-->
                <ul class="navigation navigation-main" id="main-menu-navigation" data-menu="menu-navigation">
                    <li class="" data-menu=""><a class="dropdown-toggle nav-link d-flex align-items-center" href="/" data-toggle="dropdown"><i class="ft-home"></i><span data-i18n="Home">Home</span></a>                        
                    </li>
                    <li class="active" data-menu=""><a class="dropdown-toggle nav-link d-flex align-items-center" href="/reaction-time-test" data-toggle="dropdown"><img src="/static/flashlogo.png" width="20" height="20" alt="Reaction Time"><span data-i18n="reaction time test">Reaction Time</span></a>                        
                    </li>
                    <li class="" data-menu=""><a class="dropdown-toggle nav-link d-flex align-items-center" href="/sequence-memory" data-toggle="dropdown"><img src="/static/logo/sequencememorytest.png" width="20" height="20" alt="Sequence Memory"><span data-i18n="Sequence Memory">Sequence Memory</span></a>
                    </li>
                    <li class="" data-menu=""><a class="dropdown-toggle nav-link d-flex align-items-center" href="/aim-trainer" data-toggle="dropdown"><img src="/static/logo/aimtrainer.png" width="20" height="20" alt="Aim Trainer"><span data-i18n="Aim Trainer">Aim Trainer</span></a>                        
                    </li>
                    <li class="" data-menu=""><a class="dropdown-toggle nav-link d-flex align-items-center" href="/number-memory" data-toggle="dropdown"><img src="/static/logo/numbermemory.png" width="20" height="20" alt="Number Memory"><span data-i18n="Number Memory">Number Memory</span></a>                        
                    </li>
                    <li class="" data-menu=""><a class="dropdown-toggle nav-link d-flex align-items-center" href="/chimp-test" data-toggle="dropdown"><img src="/static/logo/chimptest.png" width="20" height="20" alt="Chimp Test"><span data-i18n="Chimp Test">Chimp Test</span></a>                        
                    </li>                    
                    <li class="" data-menu=""><a class="dropdown-toggle nav-link d-flex align-items-center" href="/visual-memory-test" data-toggle="dropdown"><img src="/static/logo/visualmemoryy.png" width="20" height="20" alt="Visual Memory"><span data-i18n="Visual Memory">Visual Memory</span></a>                        
                    </li>  
                    <li class="" data-menu=""><a class="dropdown-toggle nav-link d-flex align-items-center" href="/matching-game" data-toggle="dropdown"><img src="/static/logo/matchinggamee.png" width="20" height="20" alt="Matching Game"><span data-i18n="Matching Game">Matching Game</span></a>
                    </li>                       
                </ul>
            <div class="ps__rail-x" style="left: 0px; top: 0px;"><div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__rail-y" style="top: 0px; left: 0px;"><div class="ps__thumb-y" tabindex="0" style="top: 0px; height: 0px;"></div></div></div>
        </div> 
        <div class="main-panel">
            <!-- BEGIN : Main Content-->
            <div class="main-content">
                <div class="content-overlay"></div>
                <div class="content-wrapper">                    
                    <!--Line with Area Chart 1 Starts-->
                    <h1 class="text-center"><strong>Reaction Time Test</strong></h1>
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-content">
                                    <div class="card-body">                
                                        <div class="height-350 lineArea">
<a id="buttClick" onmousedown="buttClicked();" style="color: transparent; display: block;">
<div class="areabtn" id="slight" style="background-color: rgb(37, 131, 199);"> 
  <div id="displayvalue">
    <center><img id="rtt" src="/static/flash.png" width="75" height="75" alt="Start" style="display: block;"></center>
      <button name="jensen" id="jensena" onmousedown="testing()" style="display: block; background-color: transparent; border-color: transparent;" border="0"></button>     
      <button id="clicktest" onmousedown="testing()" style="width: 100%; height: 255; display: none;  background-color: transparent; border-color: transparent;" border="0">Pause</button>
    <h2 id="displayvalue1" style="color: white;">Reaction Time Test</h2>
    <p id="displayvalue2" style="color: white;">When the red box turns green, click as quickly as you can. <br> Click anywhere to start.</p><center></center><p></p>
  </div>
</div>
</a>
<a id="buttClick1" onmousedown="testing();" style="color:transparent; display: none;">
<div class="areabtn" id="slight1"> 
  <div id="displayval">
      <button name="jensen1" id="jensena1" onmousedown="testing()" style="width: 72; height: 144; display: none; background-color: transparent; border-color: transparent;" border="0"></button>     
      <button id="clicktest1" onmousedown="testing()" style="width: 100%; height: 255; display: none;  background-color: transparent; border-color: transparent;" border="0">Pause</button>
    <h2 id="displayvalue11" style="color: white;"></h2>
    <p id="displayvalue21" style="color: white;"></p>
  </div>
</div>
</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            <div class="row pt20 jccenter">
  <div class="col-lg-3 col-md-4 col-12 mb-2 mb-md-0 pb20">
    <div class="card card-inverse bgmultitool text-center br75 cefffect">
      <a href="/reaction-time-test" target="_blank" title="Reaction Time Test">
        <div class="card-content">
          <div class="card-img overlap">
            <img src="/static/logo/flash.png" alt="Reaction Time Test - human-benchmark.org" width="235" height="235" class="mb-1">
          </div>
          <div class="card-body mt-3">
            <h4 class="card-title card-title-color">
              <strong>Reaction Time Test</strong>
            </h4>
          </div>
        </div>
      </a>
    </div>
  </div>
  <div class="col-lg-3 col-md-4 col-12 mb-2 mb-md-0 pb20">
    <div class="card card-inverse bgmultitool text-center br75 cefffect">
      <a href="/sequence-memory" target="_blank" title="Sequence Memory Test">
        <div class="card-content">
          <div class="card-img overlap">
            <img src="/static/logo/sequenceememoryy.png" alt="Sequence Memory Test - human-benchmark.org" width="235" height="235" class="mb-1">
          </div>
          <div class="card-body mt-3">
            <h4 class="card-title card-title-color">
              <strong>Sequence Memory Test</strong>
            </h4>
          </div>
        </div>
      </a>
    </div>
  </div>
  <div class="col-lg-3 col-md-4 col-12 mb-2 mb-md-0 pb20">
    <div class="card card-inverse bgmultitool text-center br75 cefffect">
      <a href="/aim-trainer" target="_blank" title="Aim Trainer">
        <div class="card-content">
          <div class="card-img overlap">
            <img src="/static/logo/aimtrainerr.png" alt="Aim Trainer - human-benchmark.org" width="235" height="235" class="mb-1">
          </div>
          <div class="card-body mt-3">
            <h4 class="card-title card-title-color">
              <strong>Aim Trainer</strong>
            </h4>
          </div>
        </div>
      </a>
    </div>
  </div>
  <div class="col-lg-3 col-md-4 col-12 mb-2 mb-md-0 pb20">
    <div class="card card-inverse bgmultitool text-center br75 cefffect">
      <a href="/number-memory" target="_blank" title="Number Memory Test">
        <div class="card-content">
          <div class="card-img overlap">
            <img src="/static/logo/numbermemoryy.png" alt="Number Memory Test - human-benchmark.org" width="235" height="235" class="mb-1 imgres">
          </div>
          <div class="card-body mt-3">
            <h4 class="card-title card-title-color">
              <strong>Number Memory Test</strong>
            </h4>
          </div>
        </div>
      </a>
    </div>
  </div>
  <div class="col-lg-3 col-md-4 col-12 mb-2 mb-md-0 pb20">
    <div class="card card-inverse bgmultitool text-center br75 cefffect">
      <a href="/chimp-test" target="_blank" title="Chimp Test">
        <div class="card-content">
          <div class="card-img overlap">
            <img src="/static/logo/chimptt.png" alt="Chimp Test - human-benchmark.org" width="235" height="235" class="mb-1 imgres">
          </div>
          <div class="card-body mt-3">
            <h4 class="card-title card-title-color">
              <strong>Chimp Test</strong>
            </h4>
          </div>
        </div>
      </a>
    </div>
  </div>
  <div class="col-lg-3 col-md-4 col-12 mb-2 mb-md-0 pb20">
    <div class="card card-inverse bgmultitool text-center br75 cefffect">
      <a href="/visual-memory-test" target="_blank" title="Visual Memory Test">
        <div class="card-content">
          <div class="card-img overlap">
            <img src="/static/logo/visualmemory.png" alt="Visual Memory Test - human-benchmark.org" width="235" height="235" class="mb-1 imgres">
          </div>
          <div class="card-body mt-3">
            <h4 class="card-title card-title-color">
              <strong>Visual Memory Test</strong>
            </h4>
          </div>
        </div>
      </a>
    </div>
  </div>
  <div class="col-lg-3 col-md-4 col-12 mb-2 mb-md-0 pb20">
    <div class="card card-inverse bgmultitool text-center br75 cefffect">
      <a href="/matching-game" target="_blank" title="Matching Game | Memory Game">
        <div class="card-content">
          <div class="card-img overlap">
            <img src="/static/logo/matchinggame.png" alt="Matching Game | Memory Game - human-benchmark.org" width="235" height="235" class="mb-1 imgres">
          </div>
          <div class="card-body mt-3">
            <h4 class="card-title card-title-color">
              <strong>Matching Game</strong>
            </h4>
          </div>
        </div>
      </a>
    </div>
  </div>
</div>  
          <section id="display-headings">
                        <div class="row match-height">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header">
                                        <!-- <h4 class="card-title">Display Headings</h4> -->
                                    </div>
                                    <div class="card-content">
                                        <div class="card-body">
                                            <p>This test analyzes your reflexes and measures how fast you can react to the on-screen prompts. It precisely calculates how fast you click and displays the result in milliseconds. The average score of this reaction time test is 273 ms. A lower number means your reaction to the on-screen prompt took less time to click. A higher score means you were slower to react and click.</p>
                                            <p>So, if you score lower than 273 ms, you are already in a good place. However, if you scored a higher number, you will need to practice more and hone in on your reflexes. Also, the score is a bit exaggerated by the latency of your computer. When you click on your mouse, the signal from the mouse travels through the system and is then shown on the display.</p>
                                            <p>This process can take about 10–50ms, which is also added to the score. Without the computer latency, your reaction time score could be even better. Using a high refresh rate monitor with a faster computer will result in a better score. Also, avoid doing this test if your computer is connected to a TV. That’s because TVs can have over 100 ms of latency, pushing the score into a worse category.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                </div>
            </div>
            <!-- END : End Main Content-->
            <!-- Modal -->
            
            <!-- Modal -->


           <div class="row match-height">
<div class="col-xl-6 col-md-6 col-12 text-center">
</div>
<div class="col-xl-6 col-md-6 col-12 text-center">
<div class="text-center" style="float: right;"> <a href="/aboutus">About Us</a> | <a href="#">Contact Us</a> | <a href="#">Privacy Policy</a> | <a href="#">Terms of services</a></div>
</div>
</div>
            <!-- BEGIN : Footer-->
            <footer class="footer undefined undefined">
                <p class="clearfix text-muted m-0"><span>Copyright © 2024 &nbsp;</span><a href="https://human-benchmark.org" id="pixinventLink" target="_blank">Human Benchmark</a><span class="d-none d-sm-inline-block">, All rights reserved.</span></p>
            </footer>
            <!-- End : Footer-->
            <!-- Scroll to top button -->
            <button class="btn btn-primary scroll-top" type="button"><i class="ft-arrow-up"></i></button>

        </div>
    </div>
    <!-- ////////////////////////////////////////////////////////////////////////////-->

    <div class="sidenav-overlay" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div>
    <div class="drag-target" style="touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div>
    <!-- BEGIN VENDOR JS-->
    <script src="/static/app-assets/vendors/js/vendors.min.js"></script>
    <script src="/static/app-assets/vendors/js/switchery.min.js"></script>
    <!-- BEGIN VENDOR JS-->
    <!-- BEGIN PAGE VENDOR JS-->
    <!-- <script src="/static/app-assets/vendors/js/chartist.min.js"></script> -->
    <!-- END PAGE VENDOR JS-->
    <!-- BEGIN APEX JS-->
    <script src="/static/app-assets/js/core/app-menu.js"></script>
    <script src="/static/app-assets/js/core/app.js"></script>
    <!-- <script src="/static/app-assets/js/notification-sidebar.js"></script> -->
    <script src="/static/app-assets/js/customizer.js"></script>
    <script src="/static/app-assets/js/scroll-top.js"></script>
    <!-- END APEX JS-->
    <!-- BEGIN PAGE LEVEL JS-->
    <!-- <script src="/static/app-assets/js/dashboard1.js"></script> -->
    <!-- END PAGE LEVEL JS-->
    <!-- BEGIN: Custom CSS-->
    <script src="/static/assets/js/scripts.js"></script>
    <script src="/static/app-assets/js/components-modal.min.js"></script><div class="modal fade text-left" id="iconModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2" aria-hidden="true" data-keyboard="false" data-backdrop="static">
                <div class="modal-dialog" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title" id="myModalLabel2"><i class="ft-bookmark mr-2"></i>Reaction Time Test</h4>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true"><i class="ft-x font-medium-2 text-bold-700"></i></span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <h5><i class="ft-arrow-right mr-1"></i>Score</h5>
<form name="rttest" style="text-align: -webkit-center !important;">
<table border="1" width="300" cellpadding="5" cellspacing="1">
<tbody><tr class="textdesign">
<td>Test<br>Number</td>
<td>Reaction<br>Time</td>
</tr>
<tr>
<td><center>1</center></td>
<td><p id="test1" class="textdesign" type="text" size="15" name="test1"></p>
</td>
</tr>
<tr>
<td><center>2</center></td>
<td><p id="test2" class="textdesign" type="text" size="15" name="test2"></p></td>
</tr>
<tr>
<td><center>3</center></td>
<td><p id="test3" class="textdesign" type="text" size="15" name="test3"></p></td>
</tr>
<tr>
<td><center>4</center></td>
<td><p id="test4" class="textdesign" type="text" size="15" name="test4"></p></td>
</tr>
<tr>
<td><center>5</center></td>
<td><p id="test5" class="textdesign" type="text" size="15" name="test5"></p></td>
</tr>
<tr>
<td bgcolor="#cccccc" class="textdesign"><center>AVG.</center></td>
<td bgcolor="#cccccc"><p id="avgvalue" class="textdesign" type="text" size="15" name="avg"></p></td>
</tr>
<!-- <tr>
<td colspan="4"><center><input type="button" value="Start Over" 
name="reset" onclick="startOver();"></center></td>
</tr> -->
</tbody></table>
</form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn bg-light-secondary" data-dismiss="modal">Close</button>
                            <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
                        </div>
                    </div>
                </div>
            </div>
    <!-- END: Custom CSS-->



</body><!-- END : Body--></html>