runner.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  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. <script src="js/jquery-3.3.1.min.js"></script>
  26. <script type="text/javascript" src="js/jquery.json-editor.min.js"></script>
  27. </head>
  28. <body>
  29. <div style="padding-top: 50px;content: ''"></div>
  30. <div class="ui container grid">
  31. <div class="four wide column">
  32. <div class="row">
  33. <textarea class="ui form control" name="input" id="input" cols="100" rows="30">
  34. programa {
  35. const real C = 5.5
  36. funcao inicio() {
  37. inteiro a = 8
  38. se (a * C > 80) {
  39. a = 0
  40. } senao {
  41. a = -1
  42. }
  43. }
  44. }
  45. </textarea>
  46. </div>
  47. <div class="row">
  48. <button class="ui button" id="btn">Run</button>
  49. </div>
  50. </div>
  51. <div class="six wide column">
  52. <div id="console">
  53. </div>
  54. </div>
  55. <div class="six wide column">
  56. <div style="overflow-y: scroll; height: 70%;">
  57. <pre id="json-renderer" class="ui right floated"></pre>
  58. </div>
  59. </div>
  60. </div>
  61. </body>
  62. <script>
  63. ( function () {
  64. ivprogCore.runner();
  65. })();
  66. </script>
  67. </html>