12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- <!DOCTYPE html>
- <html>
- <body>
- <p>
- Oberon module:
- </p>
- <textarea id="source" rows="10" cols="80">
- MODULE test;
- IMPORT JS;
- BEGIN
- JS.alert("Hello, World!")
- END test.
- </textarea>
- <p>
- <button onclick="compile()">Compile</button>
- <button onclick="compile(); run()">Compile & Run</button>
- </p>
- <p id="compileErrors" style="color:red"></p>
- <p id="compileTime"></p>
- <textarea id="result" rows="10" cols="80">
- </textarea>
- <p>
- <button onclick="run()">Run</button>
- </p>
- <p id="runErrors" style="color:red"></p>
- <p id="runTime"></p>
- <p><a href="http://oberspace.dyndns.org">Home</a></p>
- <p><a href="https://github.com/vladfolts/oberonjs">Development</a></p>
- <p id="version"></p>
- <script>
- function require(){}
- </script>
- <script src="oc.js"></script>
- <script>
- if (typeof buildVersion != "undefined")
- document.getElementById("version").textContent = buildVersion;
- function compile(){
- var src = document.getElementById("source").value;
- var result;
- var errors = "";
- var start = new Date();
- try {
- result = require("oc.js").compile(src, function(e){
- errors += e;
- });
- }
- catch (e) {
- errors += e;
- }
- var compileTime = (new Date() - start) / 1000;
- if (!result)
- result = "";
- document.getElementById("result").value = result;
- document.getElementById("compileErrors").textContent = errors;
- document.getElementById("compileTime").textContent = "compile time (seconds): " + compileTime;
- }
- function run(){
- var errElement = document.getElementById("runErrors");
- errElement.textContent = "";
- var start = new Date();
- try{
- eval(document.getElementById("result").value);
- }
- catch (e){
- var errors = "" + e;
- errElement.textContent = errors;
- }
- var runTime = (new Date() - start) / 1000;
- document.getElementById("runTime").textContent = "run time (seconds): " + runTime;
- }
- </script>
- </body>
- </html>
|