Skip to content

Instantly share code, notes, and snippets.

@istar0me
Last active November 17, 2017 13:05
Show Gist options
  • Save istar0me/7e4b5a1f209c3d70fca9bf4abfdcf312 to your computer and use it in GitHub Desktop.
Save istar0me/7e4b5a1f209c3d70fca9bf4abfdcf312 to your computer and use it in GitHub Desktop.
test
<!doctype html>
<html>
<head>
<style>
table {
border: 1px solid black;
text-align: center;
/*style: "table-layout:fixed";*/
width: 15%;
}
#a td {
border: 1px solid black;
text-align: center;
/*style: "table-layout:fixed";*/
width: 15%;
}
</style>
<script>
var d1 = 0;
var op;
var tp;
var lucky1;
var lucky2;
var pos1 = 0;
var pos2 = 0;
var count = 1;
var p1;
var p2;
function start(eddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddff) {
roll();
whowin();
}
function roll() {
document.getElementById(pos1).style.background = "white";
document.getElementById(pos2).style.background = "white";
if (count == 1) {
d1 = Math.floor(Math.random() * 6) + 1;
pos1 = d1 + pos1;
pos1 = pos1 % 20;
if (pos1 > 0) {
lucky1 = document.getElementById(pos1).innerHTML - 0;
op = parseFloat(document.getElementById("op").innerHTML);
op = op + lucky1;
document.getElementById("op").innerHTML = op;
}
document.getElementById("dice").innerHTML = "Dice is " + d1;
count = 0;
}
else {
d1 = Math.floor(Math.random() * 6) + 1;
pos2 = d1 + pos2;
pos2 = pos2 % 20;
if (pos2 > 0) {
lucky2 = document.getElementById(pos2).innerHTML - 0;
tp = parseFloat(document.getElementById("tp").innerHTML);
tp = tp + lucky2;
document.getElementById("tp").innerHTML = tp;
}
document.getElementById("dice").innerHTML = "Dice is " + d1;
count = 1;
}
if (pos1 == pos2) {
document.getElementById(pos1).style.background = "yellow";
}
else {
document.getElementById(pos1).style.background = "#80FF9E";
document.getElementById(pos2).style.background = "#E800FF";
}
}
function whowin() {
if (op <= 0) {
alert(p2 + " WIN !");
}
if (tp <= 0) {
alert(p1 + " WIN !");
}
}
function test() {
inputname()
document.getElementById("test").style.display = "none";
}
function inputname() {
p1 = document.getElementById("p1").value;
p2 = document.getElementById("p2").value;
document.getElementById("one").style.background = "#80FF9E";
document.getElementById("two").style.background = "#E800FF";
document.getElementById("0").style.background = "yellow";
document.getElementById("one").innerHTML = p1;
document.getElementById("two").innerHTML = p2;
}
</script>
</head>
<body>
<div id="test">
<form>
Emter the Player1's name :
<input type="text" id="p1" value="arr">
</form>
<form>
Emter the Player2's name :
<input type="text" id="p2" value="brr">
</form>
<button onclick="test()">Submit</button>
</div>
<table bgcolor="#A6CAF1" style="border: 2px solid #CE70FF">
<tr>
<td id="0" bgcolor="#FFFFFF">
<strong>Go</strong>
</td>
<td id="1" bgcolor="#FFFFFF">-500</td>
<td id="2" bgcolor="#FFFFFF">2</td>
<td id="3" bgcolor="#FFFFFF">3</td>
<td rowspan="2" colspan="2"></td>
</tr>
<tr>
<td id="19" bgcolor="#FFFFFF">19</td>
<td rowspan="2" colspan="2"></td>
<td id="4" bgcolor="#FFFFFF">4</td>
</tr>
<tr>
<td id="18" bgcolor="#FFFFFF">18</td>
<td id="5" bgcolor="#FFFFFF">5</td>
<td id="6" bgcolor="#FFFFFF">6</td>
<td id="7" bgcolor="#FFFFFF">7</td>
</tr>
<tr>
<td id="17" bgcolor="#FFFFFF">17</td>
<td id="16" bgcolor="#FFFFFF">16</td>
<td id="15" bgcolor="#FFFFFF">15</td>
<td rowspan="2" colspan="2"></td>
<td id="8" bgcolor="#FFFFFF">8</td>
</tr>
<tr>
<td rowspan="2" colspan="2"></td>
<td id="14" bgcolor="#FFFFFF">14</td>
<td id="9" bgcolor="#FFFFFF">9</td>
</tr>
<tr>
<td id="13" bgcolor="#FFFFFF">13</td>
<td id="12" bgcolor="#FFFFFF">12</td>
<td id="11" bgcolor="#FFFFFF">11</td>
<td id="10" bgcolor="#FFFFFF">10</td>
</tr>
</table>
<button onclick="start()">Start</button>
<p id="dice"></p>
<table id="a">
<tr>
<td id="one">arr</td>
<td id="op">100</td>
</tr>
<tr>
<td id="two">brr</td>
<td id="tp">100</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment