123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 |
- <!DOCTYPE html>
- <meta charset="UTF-8">
- <html>
- <head>
- <title> Torre de Hanoi </title>
- <Style>
- #planoDeFundo {
- background :transparent;
- 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%;
- }
- </Style>
- <script src="js/jquery-3.3.1.min.js"></script>
- <script src="js/integration-functions.js"></script>
- </head>
- <body>
- <div class="task" style="display:none">
- <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()">Undo</button>
- <button id="Redo_button" onclick="redo()">Redo</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" style="display:none">
- Quantidade de discos no desafio:
- <select name="Discos" class="cDiscos">
- <option>2</option>
- <option>3</option>
- <option>4</option>
- <option>5</option>
- <option>6</option>
- </select>
- </div>
- </body>
- </html>
|