You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
3.4 KiB
70 lines
3.4 KiB
<?php namespace App\Views;
|
|
/******************************************************************************************************************
|
|
* RPSLS - Rock, Paper, Scissors, Lizard, Spock Game
|
|
*
|
|
* @file app/views/play.php
|
|
* @package App\Views
|
|
* @description
|
|
* View - Main game play page, where all the action is.
|
|
* @author Rick Hays
|
|
* @date 11/15/2019
|
|
* @license MIT
|
|
* @copyright Copyright © 2019 - Rick Hays, All Rights Reserved.
|
|
*
|
|
* Revisions:
|
|
* YYYY-MM-DD XX Description
|
|
******************************************************************************************************************/
|
|
?>
|
|
<!-- Begin page content -->
|
|
<main role="main" class="flex-shrink-0">
|
|
<div class="container">
|
|
<h2 class="mt-5">Rock, Paper, Scissors, Lizard, Spock Game</h2>
|
|
<p class="lead"><?= $UserName ?>, try your luck at how many times you can beat the computer.</p>
|
|
<p> </p>
|
|
<div id="game">
|
|
<div class="row">
|
|
<div class="column"><span class="columnspanCountHeader bg-primary text-white">Wins</span></div>
|
|
<div class="column"><span class="columnspanCountHeader bg-primary text-white">Loses</span></div>
|
|
<div class="column"><span class="columnspanCountHeader bg-primary text-white">Ties</span></div>
|
|
</div>
|
|
<div class="row">
|
|
<div id="totalWins" class="column"><?= $Wins ?></div>
|
|
<div id="totalLoses" class="column"><?= $Loses ?></div>
|
|
<div id="totalTies" class="column"><?= $Ties ?></div>
|
|
</div>
|
|
<p> </p>
|
|
<button type="button" id="Rock" class="gameButton btn btn-primary btn-lg btn-block">ROCK</button>
|
|
<button type="button" id="Paper" class="gameButton btn btn-primary btn-lg btn-block">PAPER</button>
|
|
<button type="button" id="Scissors" class="gameButton btn btn-primary btn-lg btn-block">SCISSORS</button>
|
|
<button type="button" id="Lizard" class="gameButton btn btn-primary btn-lg btn-block">LIZARD</button>
|
|
<button type="button" id="Spock" class="gameButton btn btn-primary btn-lg btn-block">SPOCK</button>
|
|
</div>
|
|
<p> </p>
|
|
<div id="RPSLS">
|
|
<span id="textRock" style="display:none;"> <h2>Rock... </h2></span>
|
|
<span id="textPaper" style="display:none;"> <h2>Paper... </h2></span>
|
|
<span id="textScissors" style="display:none;"> <h2>Scissors... </h2></span>
|
|
<span id="textLizard" style="display:none;"> <h2>Lizard... </h2></span>
|
|
<span id="textSpock" style="display:none;"> <h2>Spock... </h2></span>
|
|
<span id="textComputerHas" style="display:none;"> <h2>... COMPUTER HAS ...</h2></span>
|
|
<span id="textComputerPick" style="display:none" class="text-primary"> <h2> </h2></span>
|
|
<p> </p>
|
|
<span id="textWinLoseTie" style="display:none"> <h2> </h2></span>
|
|
<p> </p>
|
|
<div class="row">
|
|
<div class="column">
|
|
<span class="columnspanTryAgain">
|
|
<button id="btnTryAgain" type="button" style="display:none;" class="btn btn-primary btn-block">Try Agian.</button>
|
|
</span>
|
|
</div>
|
|
<div class="column">
|
|
<span class="columnspanNoThanks">
|
|
<button id="btnNoThanks" type="button" style="display:none;" class="btn btn-primary btn-block">No Way.</button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<p> </p>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
|