Difference between revisions of "Team:Sydney Australia/Rate My Gel"

Line 6: Line 6:
  
 
   <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 
   <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
−
 
 
<script>
 
<script>
 
var imagesArray = new Array();
 
var imagesArray = new Array();
Line 25: Line 24:
  
 
function displayImage(){
 
function displayImage(){
 +
    document.getElementById("start-button").value="Which Gel's Better?";
 
     numl = Math.floor(Math.random() * imagesArray.length);
 
     numl = Math.floor(Math.random() * imagesArray.length);
 
     numr= Math.floor(Math.random() * imagesArray.length);
 
     numr= Math.floor(Math.random() * imagesArray.length);
Line 35: Line 35:
 
     document.left.src = imagesArray[numl].image;
 
     document.left.src = imagesArray[numl].image;
 
     document.right.src=imagesArray[numr].image;
 
     document.right.src=imagesArray[numr].image;
 +
 
     $("#gel-boxL").show();
 
     $("#gel-boxL").show();
 
     $("#gel-boxR").show();
 
     $("#gel-boxR").show();
 
     $("#buttonL").show();
 
     $("#buttonL").show();
 
     $("#buttonR").show();
 
     $("#buttonR").show();
−
     $("#submit").show();
+
     $("#submit-button").show();
 
}
 
}
 
function winnerL() {
 
function winnerL() {
Line 90: Line 91:
  
 
.center, .row {background: #e2e2e2;}
 
.center, .row {background: #e2e2e2;}
−
#results, #gel-boxL, #gel-boxR, #buttonL, #buttonR, #submit {display:none;}
+
#results, #gel-boxL, #gel-boxR, #buttonL, #buttonR, #submit-button {display:none;}
 
</style>
 
</style>
 
</head>
 
</head>
Line 114: Line 115:
 
</div>
 
</div>
 
<div class="col-xs-3" id="buttonL">
 
<div class="col-xs-3" id="buttonL">
−
<input onclick="winnerL();" type=button value="This one!" style="width:100%; object-fit: contain" class="center">
+
<input onclick="winnerL();" type=button value="This one!" style="width:100%; object-fit: contain" class="center">
 
</div>
 
</div>
 
<div class="col-xs-4">
 
<div class="col-xs-4">
Line 129: Line 130:
 
</div>
 
</div>
 
<div class="col-xs-4">
 
<div class="col-xs-4">
−
       <input onclick="displayImage();" type=button value="Which gel's better?" style="width:100%; object-fit: contain">
+
       <input id="start-button" onclick="displayImage();" type=button value="Let's Play!" style="width:100%; object-fit: contain">
 
</div>
 
</div>
 
<div class="col-xs-4">
 
<div class="col-xs-4">
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="row" id="#submit">
+
<div class="row" id="submit-button">
 
<div class="col-xs-12" >
 
<div class="col-xs-12" >
 
<input onclick="submitting();" type=button value="Submit My Ratings" style="width:100%; object-fit: contain;" class="center">
 
<input onclick="submitting();" type=button value="Submit My Ratings" style="width:100%; object-fit: contain;" class="center">

Revision as of 13:13, 4 September 2017

Results

First Place:


score=

%

Second Place:


score=

%

Third Place:


score=

%