oberon
/
oberonjs
镜像来自 https://github.com/vladfolts/oberonjs.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
							<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Oberon online compiler</title>
        <link rel="stylesheet" href="jslibs/codemirror/codemirror.css">
        <!-- <link rel="stylesheet" href="http://codemirror.net/doc/docs.css"> -->
        <script src="jslibs/codemirror/codemirror.js"></script>
        <script src="jslibs/codemirror/javascript.js"></script>
        <script src="jslibs/processing/processing.js"></script>
        <script src="codemirror/oberon07.js"></script>
        <style type="text/css">
        .code {
            display: inline-block;
        }
        </style>
    </head>
<body>

<p>
<form action="">
Oberon module(s):
<input type="radio" name="compiler" value="oberon" checked>Oberon
<input type="radio" name="compiler" value="eberon" id="eberon">Eberon
</form>
</p>

<div class="code">
<textarea id="source" rows="10" cols="80">
MODULE test;
IMPORT JS;
BEGIN
    JS.alert("Hello, World!")
END test.
</textarea>
</div>

    <p>
        <button onclick="compile()">Compile</button>
        <button onclick="compile(); run()">Compile &amp; Run</button>
    </p>

<p id="compileErrors" style="color:red"></p>
<p id="compileTime"></p>

<div class="code">
<textarea id="result" rows="10" cols="80">
</textarea>
</div>

    <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 src="oc.js"></script>

<script>
    var oberonEditor = CodeMirror.fromTextArea(document.getElementById('source'), {
            lineNumbers: true,
            mode: "text/x-oberon07"
        });
    var javascriptEditor = CodeMirror.fromTextArea(document.getElementById('result'), {
        lineNumbers: true,
        mode: "text/javascript"
    });

    if (typeof buildVersion != "undefined")
        document.getElementById("version").textContent = buildVersion;

    function compile(){
        var src = oberonEditor.getValue();
        var result;
        var errors = "";
        var start = new Date();
        try {
            var grammar = require(
                document.getElementById("eberon").checked
                    ? "eberon/eberon_grammar.js"
                    : "oberon/oberon_grammar.js").grammar;
            result = require("oc.js").compile(src, grammar, function(e){
                errors += e;
            });
            }
        catch (e) {
            errors += e;
            }
        var compileTime = (new Date() - start) / 1000;

        if (!result)
            result = "";
        javascriptEditor.setValue(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(javascriptEditor.getValue());
        }
        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>