runner.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="css/ivprog-term.css">
  5. <link rel="stylesheet" type="text/css" href="js/semantic/semantic.min.css">
  6. <style>
  7. .ivprog-io-output {
  8. border: 1px solid gainsboro;
  9. width: 80%;
  10. height: 360px;
  11. overflow-y: scroll;
  12. background-color: black;
  13. color: white;
  14. }
  15. .ivprog-io-input {
  16. width: 80%;
  17. margin-top: 10px;
  18. border: 1.5px solid green;
  19. height: 3rem;
  20. color: black;
  21. font-size: 12pt;
  22. }
  23. </style>
  24. <title></title>
  25. </head>
  26. <body>
  27. <div style="padding-top: 50px;content: ''"></div>
  28. <div class="ui container grid">
  29. <div class="four wide column">
  30. <div class="row">
  31. <textarea class="ui form control" name="input" id="input" cols="100" rows="30">
  32. programa {
  33. const real C = 5.5
  34. funcao inicio() {
  35. inteiro a = 8
  36. se (a * C > 80) {
  37. a = 0
  38. } senao {
  39. a = -1
  40. }
  41. }
  42. }
  43. </textarea>
  44. </div>
  45. <div class="row">
  46. <button class="ui button" id="btn">Run</button>
  47. </div>
  48. </div>
  49. <div class="six wide column">
  50. <div id="console">
  51. </div>
  52. </div>
  53. <div class="six wide column">
  54. <div style="overflow-y: scroll; height: 70%;">
  55. <pre id="json-renderer" class="ui right floated"></pre>
  56. </div>
  57. </div>
  58. </div>
  59. </body>
  60. <script src="js/jquery-3.3.1.min.js"></script>
  61. <script type="text/javascript" src="js/jquery.json-editor.min.js"></script>
  62. <script type="text/javascript" src="build/ivprog.bundle.js"></script>
  63. <script>
  64. ivprogCore.runner();
  65. </script>
  66. </html>