testCode = `val num = 2 + 10; print num; val str = "test: "; print str + num; func test() { print "test"; } test(); func add(a, b) { end a + b; } print add(num, 10); val NAME = input "What is your name?"; print "Hi " + NAME + "!"; class Term { constructor(name) { print "Term " + name + " created"; this.name = name; } } val helper = new Term("helper"); print helper.name; `; window.addEventListener("DOMContentLoaded", function () { document.getElementById('input').value = testCode; highlight(testCode); handleScroll (); document.getElementById('input').addEventListener('input', (e)=>{ highlight(e.currentTarget.value); }); document.getElementById('interpret').addEventListener('click', ()=>{ interpret(document.getElementById('input').value); }); document.getElementById('convert').addEventListener('click', ()=>{ document.getElementById('output').innerHTML = convert(document.getElementById('input').value); }); }); function convert(input) { return synJavaScript(interpret(input, 1).replace(/print/g, 'console.log').replace(/try {\n((.|\n)*)\n}\ncatch.*/, '$1')); } function interpret(code, ret) { document.getElementById("output").innerHTML = ""; lines = code.split(";"); for(var i=0; i";}`; result = 'try {\n'+full+'\n}\ncatch(err) {error(err, err.stack.replace(/^(.|\\n)*?:(\\d+)(.|\\n)*$/, function (match, p1, p2) {return((+p2)-1);}));}'+printStr; //print(result.replace(/\n/g, "
")); if(ret||false) return result; var script = document.createElement("script"); script.innerHTML = result; document.head.appendChild(script); } /* Handlers */ function handleScroll() { var el = document.getElementById('input'); var target = document.getElementById('code'); target.scrollTop = el.scrollTop; } function highlight (code) { document.getElementById("code").innerHTML = synAskScript(code); } // console.log() function print(txt) { document.getElementById("output").innerHTML += txt + "
"; } // throw ; function error(txt, line) { print('' + txt + '
Line: ' + line + '') } /* Syntax highlighting */ function remove (match, p1, p2) { var res = p2; while (res.match(/\{'.*?'\{.*?\}'.*?'\}/g)) { res = res.replace(/\{'.*?'\{(.*?)\}'.*?'\}/g, '$1'); } return "{'" + p1 + "'{" + res + "}'" + p1 + "'}"; } function synAskScript(code) { var res = code .replace(/(".*?"|'.*?')/g, "{'str'{$1}'str'}") .replace(/([^\w]|^)([\d\.]+)(?=[^\w]|$)/g, "$1{'num'{$2}'num'}") //.replace(/(\=|\+|\-|\*|\/)/g, "{'math'{$1}'math'}") .replace(/(\s|\n|{|}|^)(val|print|func|end|if|else|input|new|class|this|import|export|from|as)(\s|$|\.)/g, "$1{'term'{$2}'term'}$3") .replace(/(\s|\n|\()([A-Z]+)(\s|=|;|$|,)/g, "$1{'cnst'{$2}'cnst'}$3") .replace(/(\s|\n|$)([A-Z][a-z]+)(\s|=|;|\(|$|,)/g, "$1{'cls'{$2}'cls'}$3") .replace(/(\s|\n|.|$)([a-z]\w*?)(\s*)\(/g, "$1{'fun'{$2}'fun'}$3\(") .replace(/(\.)(\w+)/g, "$1{'obj'{$2}'obj'}") .replace(/(\w+)(\.)/g, "{'obj'{$1}'obj'}$2") .replace(/\{'(str)'\{(.*?)\}'str'\}/g, remove); while(res.match(/\{'.*?'\{.*?\}'.*?'\}/g)) res = res.replace(/\{'(.*?)'\{(.*?)\}'.*?'\}/g, "$2"); return res.replace(/\n/g, "
")+"
"; } function synJavaScript(code) { var res = code .replace(/(".*?"|'.*?')/g, "{'str'{$1}'str'}") .replace(/([^\w]|^)([\d\.]+)(?=[^\w]|$)/g, "$1{'num'{$2}'num'}") //.replace(/(\=|\+|\-|\*|\/)/g, "{'math'{$1}'math'}") .replace(/(\s|\n|{|}|^)(var|function|return|for|break|continue|if|else|while|new|class|this|set|get|try|catch|finally|import|export)(\s|\(|.)/g, "$1{'term'{$2}'term'}$3") .replace(/(\s|\n|\()([A-Z]+)(\s|=|;|$|,)/g, "$1{'cnst'{$2}'cnst'}$3") .replace(/(\s|\n|$)([A-Z][a-z]+)(\s|=|;|\(|$|,)/g, "$1{'cls'{$2}'cls'}$3") .replace(/(\s|\n|.|\()([a-z]\w*?)(\s*)\(/g, "$1{'fun'{$2}'fun'}$3\(") .replace(/(\.)(\w+)/g, "$1{'obj'{$2}'obj'}") .replace(/(\w+)(\.)/g, "{'obj'{$1}'obj'}$2") .replace(/\{'(str)'\{(.*?)\}'str'\}/g, remove); while(res.match(/\{'.*?'\{.*?\}'.*?'\}/g)) res = res.replace(/\{'(.*?)'\{(.*?)\}'.*?'\}/g, "$2"); return res.replace(/\n/g, "
")+"
"; }

AskScript[EDITOR](interpreter)