iHanoi.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <!DOCTYPE html>
  2. <meta charset="UTF-8">
  3. <html>
  4. <head>
  5. <title> Torre de Hanoi </title>
  6. <Style>
  7. #planoDeFundo {
  8. background :transparent;
  9. width: 90%;
  10. height: 75%;
  11. position: absolute;
  12. }
  13. #restart_button{
  14. position:absolute;
  15. border:1px solid gray;
  16. border-radius: 7%;
  17. font-size: 0.875;
  18. word-wrap: break-word;
  19. max-width: 7%;
  20. left: 21%;
  21. top: 5%;
  22. }
  23. #A_button{
  24. position:absolute;
  25. border:1px solid gray;
  26. border-radius: 7%;
  27. font-size: 1;
  28. height: 4.5%;
  29. width: 20%;
  30. left: 5.4%;
  31. top: 77%;
  32. }
  33. #B_button{
  34. position:absolute;
  35. border:1px solid gray;
  36. border-radius: 7%;
  37. font-size: 1;
  38. height: 5%;
  39. word-wrap: break-word;
  40. width: 20%;
  41. left: 35.5%;
  42. top: 77%;
  43. }
  44. #C_button{
  45. position:absolute;
  46. border:1px solid gray;
  47. border-radius: 7%;
  48. font-size: 1;
  49. height: 5%;
  50. width: 20%;
  51. left: 66%;
  52. top: 77%;
  53. }
  54. #Undo_button{
  55. position:absolute;
  56. border:1px solid gray;
  57. border-radius: 7%;
  58. font-size: 1;
  59. height:5%;
  60. width: 20%;
  61. left: 20%;
  62. top: 83%;
  63. }
  64. #Redo_button{
  65. position:absolute;
  66. border:1px solid gray;
  67. border-radius: 7%;
  68. font-size: 1;
  69. height: 5%;
  70. word-wrap: break-word;
  71. width: 20%;
  72. left: 51%;
  73. top: 83%;
  74. }
  75. </Style>
  76. <script src="js/jquery-3.3.1.min.js"></script>
  77. <script src="js/integration-functions.js"></script>
  78. </head>
  79. <body>
  80. <div class="task" style="display:none">
  81. <button id="A_button" onclick="buttonClick(0)">A</button>
  82. <button id="B_button" onclick="buttonClick(1)">B</button>
  83. <button id="C_button" onclick="buttonClick(2)">C</button>
  84. <button id="Undo_button" onclick="undo()">Undo</button>
  85. <button id="Redo_button" onclick="redo()">Redo</button>
  86. <canvas id="planoDeFundo" width="1024" height="615">
  87. Seu navegador não suporta o recurso Canvas. Atualize-o para utilizar esse recurso
  88. </canvas>
  89. <script src= "js/start.js"></script>
  90. <script src="js/iHanoiFunctions.js"></script>
  91. </div>
  92. <div class="creation" style="display:none">
  93. Quantidade de discos no desafio:
  94. <select name="Discos" class="cDiscos">
  95. <option>2</option>
  96. <option>3</option>
  97. <option>4</option>
  98. <option>5</option>
  99. <option>6</option>
  100. </select>
  101. </div>
  102. </body>
  103. </html>