iHanoi_IMA.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  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: 100%;
  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:3%;
  29. width: 20%;
  30. left: 6.6%;
  31. top:76%;
  32. }
  33. #B_button{
  34. position:absolute;
  35. border:1px solid gray;
  36. border-radius: 7%;
  37. font-size: 1;
  38. height: 3%;
  39. word-wrap: break-word;
  40. width: 20%;
  41. left: 40.5%;
  42. top:76%;
  43. }
  44. #C_button{
  45. position:absolute;
  46. border:1px solid gray;
  47. border-radius: 7%;
  48. font-size: 1;
  49. height: 3%;
  50. width: 20%;
  51. left: 74%;
  52. top:76%;
  53. }
  54. </Style>
  55. <script src="js/jquery-3.3.1.min.js"></script>
  56. <script src="js/integration-functions.js"></script>
  57. </head>
  58. <body>
  59. <div class="exercicio" style="display:none">
  60. <button id="A_button" onclick="buttonClick(0)">A</button>
  61. <button id="B_button" onclick="buttonClick(1)">B</button>
  62. <button id="C_button" onclick="buttonClick(2)">C</button>
  63. <canvas id="planoDeFundo" width="1024" height="615">
  64. Seu navegador não suporta o recurso Canvas. Atualize-o para utilizar esse recurso
  65. </canvas>
  66. <script src="js/iHanoiFunctions.js"></script>
  67. </div>
  68. <div class="elaboracao" style="display:none">
  69. Quantidade de discos no desafio:
  70. <select name="Discos">
  71. <option>2</option>
  72. <option>3</option>
  73. <option>4</option>
  74. <option>5</option>
  75. <option>6</option>
  76. <option>7</option>
  77. </select>
  78. </div>
  79. </body>
  80. </html>