<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/ivprog-term.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.0/semantic.min.css" integrity="sha256-9mbkOfVho3ZPXfM7W8sV2SndrGDuh7wuyLjtsWeTI1Q=" crossorigin="anonymous" />
<style>
.ivprog-io-output {
border: 1px solid gainsboro;
width: 80%;
height: 360px;
overflow-y: scroll;
background-color: black;
color: white;
}
.ivprog-io-input {
width: 80%;
margin-top: 10px;
border: 1.5px solid green;
height: 3rem;
color: black;
font-size: 12pt;
}
</style>
<title></title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/jquery.json-editor.min.js"></script>
</head>
<body>
<div style="padding-top: 50px;content: ''"></div>
<div class="ui container grid">
<div class="four wide column">
<div class="row">
<textarea class="ui form control" name="input" id="input" cols="100" rows="30">
programa {
const real C = 5.5
funcao inicio() {
inteiro a = 8
se (a * C > 80) {
a = 0
} senao {
a = -1
}
}
}
</textarea>
</div>
<div class="row">
<button class="ui button" id="btn">Run</button>
</div>
</div>
<div class="six wide column">
<div id="console">
</div>
</div>
<div class="six wide column">
<div style="overflow-y: scroll; height: 70%;">
<pre id="json-renderer" class="ui right floated"></pre>
</div>
</div>
</div>
</body>
<script>
( function () {
ivprogCore.runner();
})();
</script>
</html>