bernardo
/
iHanoi


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
							<!DOCTYPE html>
<meta charset="UTF-8">
<html>
	<head>
		<title> Torre de Hanoi </title>
		<Style>
			#Disk_quantity{
				position: absolute;
				height: 10%;
				width: 5%;
				top: 5%;
				right: 3%;
				font-size: 200%;
				text-align-last:center;
			}
			#planoDeFundo {
				background :#d7f3f9;
				width: 90%;
				height: 75%;
				position: absolute;
			}
			#restart_button{
				position:absolute;
				border:1px solid gray;
				border-radius: 7%;
				font-size: 0.875;
				word-wrap: break-word;
				max-width: 7%;
				left: 21%;
				top: 5%;
			}
			#A_button{
				position:absolute;
				border:1px solid gray;
				border-radius: 7%;
				font-size: 1;
				height: 4.5%;
				width: 20%;
				left: 5.4%;
				top: 77%;
			}
			#B_button{
				position:absolute;
				border:1px solid gray;
				border-radius: 7%;
				font-size: 1;
				height: 5%;
				word-wrap: break-word;
				width: 20%;
				left: 35.5%;
				top: 77%;
			}
			#C_button{
				position:absolute;
				border:1px solid gray;
				border-radius: 7%;
				font-size: 1;
				height: 5%;
				width: 20%;
				left: 66%;
				top: 77%;
			}

			#Undo_button{
				position:absolute;
				border:1px solid gray;
				border-radius: 7%;
				font-size: 1;
				height:5%;
				width: 20%;
				left: 20%;
				top: 83%;
			}
			#Redo_button{
				position:absolute;
				border:1px solid gray;
				border-radius: 7%;
				font-size: 1;
				height: 5%;
				word-wrap: break-word;
				width: 20%;
				left: 51%;
				top: 83%;
			}
			#Restart_button{
				position:absolute;
				border:1px solid gray;
				border-radius: 7%;
				font-size: 1;
				height: 5%;
				word-wrap: break-word;
				width: 20%;
				left: 35.5%;
				top: 89%;
			}
		</Style>
		<script src="js/jquery-3.3.1.min.js"></script>
	</head>
	<body>
	<div class="task" >
		<button id="A_button" onclick="buttonClick(0)">A</button>
		<button id="B_button" onclick="buttonClick(1)">B</button>
		<button id="C_button" onclick="buttonClick(2)">C</button>
		<button id="Undo_button" onclick="undo()">Desfazer</button>
		<button id="Redo_button" onclick="redo()">Refazer</button>
		<button id="Restart_button" onclick="reset(nDisks)">Recomeçar</button>
		<canvas id="planoDeFundo"  width="1024" height="615">
		Seu navegador não suporta o recurso Canvas. Atualize-o para utilizar esse recurso
		</canvas>
		<script src= "js/start.js"></script>
		<script src="js/iHanoiFunctions.js"></script>
	</div>
	<div class="creation">
		<select id="Disk_quantity" name="Discos" class="cDiscos" onChange="reset(this.value)">
			<option>2</option>
			<option>3</option>
			<option>4</option>
			<option>5</option>
			<option>6</option>
		</select>
	</div>
  </body>
</html>