runner.html 1.7 KB

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