runner.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="css/ivprog-term.css">
  5. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.0/semantic.min.css" integrity="sha256-9mbkOfVho3ZPXfM7W8sV2SndrGDuh7wuyLjtsWeTI1Q=" crossorigin="anonymous" />
  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="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
  26. <script type="text/javascript" src="js/jquery.json-editor.min.js"></script>
  27. <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"
  28. integrity="sha256-KM512VNnjElC30ehFwehXjx1YCHPiQkOPmqnrWtpccM="
  29. crossorigin="anonymous"></script>
  30. <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.0/semantic.min.js" integrity="sha256-x1fC6BXl6BwnUhfQqqqC0Fd/n12wH+u8u9va6+E7xaA=" crossorigin="anonymous"></script>
  31. </head>
  32. <body>
  33. <div style="padding-top: 50px;content: ''"></div>
  34. <div class="ui container grid">
  35. <div class="four wide column">
  36. <div class="row">
  37. <textarea class="ui form control" name="input" id="input" cols="100" rows="30">
  38. programa {
  39. const real C = 5.5
  40. funcao inicio() {
  41. inteiro a = 8
  42. se (a * C > 80) {
  43. a = 0
  44. } senao {
  45. a = -1
  46. }
  47. }
  48. }
  49. </textarea>
  50. </div>
  51. <div class="row">
  52. <button class="ui button" id="btn">Run</button>
  53. </div>
  54. </div>
  55. <div class="six wide column">
  56. <div id="console">
  57. </div>
  58. </div>
  59. <div class="six wide column">
  60. <div style="overflow-y: scroll; height: 70%;">
  61. <pre id="json-renderer" class="ui right floated"></pre>
  62. </div>
  63. </div>
  64. </div>
  65. </body>
  66. <script>
  67. ( function () {
  68. ivprogCore.runner();
  69. })();
  70. </script>
  71. </html>