You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
123 lines
3.0 KiB
123 lines
3.0 KiB
function run() {
|
|
const terminal = document.getElementById("console");
|
|
const runner = new BrythonRunner({
|
|
stdout: {
|
|
write(content) {
|
|
terminal.innerHTML += content;
|
|
terminal.scrollTop = terminal.scrollHeight;
|
|
},
|
|
flush() {},
|
|
},
|
|
stderr: {
|
|
write(content) {
|
|
terminal.innerHTML += content;
|
|
terminal.scrollTop = terminal.scrollHeight;
|
|
},
|
|
flush() {},
|
|
},
|
|
stdin: {
|
|
async readline() {
|
|
terminal.innerHTML += "\n";
|
|
terminal.scrollTop = terminal.scrollHeight;
|
|
var userInput = prompt();
|
|
return userInput;
|
|
},
|
|
flush() {},
|
|
},
|
|
});
|
|
var code = editor.getValue();
|
|
runner.runCode(code);
|
|
setTimeout(() => {
|
|
runner.stopRunning();
|
|
}, 10 * 1000);
|
|
}
|
|
|
|
function run_init() {
|
|
if (document.getElementById("console") != "") {
|
|
document.getElementById("console").innerHTML = "";
|
|
}
|
|
run();
|
|
}
|
|
|
|
var editor = ace.edit("editor");
|
|
editor.container.style.opacity = 0.85;
|
|
editor.setTheme("ace/theme/vibrant_ink");
|
|
editor.getSession().setMode("ace/mode/python");
|
|
editor.setFontSize("16px");
|
|
// editor.container.style.height ="700px";
|
|
editor.setOptions({
|
|
enableLiveAutocompletion: true,
|
|
copyWithEmptySelection: true,
|
|
showGutter: true,
|
|
useWrapMode: true, // wrap text to view
|
|
indentedSoftWrap: false,
|
|
});
|
|
|
|
//Function that execute given code and return the result in a given element by id
|
|
|
|
function exec(code, id) {
|
|
const terminal = document.getElementById("console");
|
|
terminal.innerHTML = "";
|
|
const runner = new BrythonRunner({
|
|
stdout: {
|
|
write(content) {
|
|
if (id == "code") {
|
|
retourCode = content;
|
|
}
|
|
if (id == "solution") {
|
|
retourSolution = content;
|
|
}
|
|
},
|
|
flush() {},
|
|
},
|
|
stderr: {
|
|
write(content) {
|
|
if (id == "solution") {
|
|
retourSolution = "ERROR";
|
|
}
|
|
terminal.innerHTML += content;
|
|
terminal.scrollTop = terminal.scrollHeight;
|
|
},
|
|
flush() {},
|
|
},
|
|
stdin: {
|
|
async readline() {
|
|
terminal.innerHTML += "\n";
|
|
terminal.scrollTop = terminal.scrollHeight;
|
|
var userInput = prompt();
|
|
return userInput;
|
|
},
|
|
flush() {},
|
|
},
|
|
});
|
|
runner.runCode(code);
|
|
setTimeout(() => {
|
|
runner.stopRunning();
|
|
}, 10 * 1000);
|
|
}
|
|
|
|
/**
|
|
* It checks if the code in the editor as the same result as the solution.
|
|
*/
|
|
function check() {
|
|
if (retourSolution == "ERROR") {
|
|
result.innerHTML = "Il semblerait qu'il y a une erreur dans ton code :/";
|
|
} else if (retourSolution == retourCode) {
|
|
result.innerHTML = "Bien joué";
|
|
document.getElementById("next").style.display = "flex";
|
|
} else {
|
|
result.innerHTML = "Mauvaise réponse";
|
|
}
|
|
}
|
|
|
|
|
|
/**
|
|
* It gets all the elements with the class name "help" and sets their display property to "block".
|
|
*/
|
|
function displayHelp() {
|
|
var help = document.getElementsByClassName("help");
|
|
for (var i = 0; i < help.length; i++) {
|
|
help[i].style.display = "block";
|
|
}
|
|
}
|