Make a program to make programs's game

Click here for free DL of the app version that can save data.

No:50766

143

←

Prev Next

→

Make a program to make programs
Developer User21399｜Date and time 24/3/9 14:29:14
Build time 4.414 sec｜Game capacity 1.147KB｜

Script

Program Maker Game

Click on the buttons below to create your program!

"; }); document.getElementById("button2").addEventListener("click", function(){ document.getElementById("output").innerHTML += ""; }); document.getElementById("button3").addEventListener("click", function(){ document.getElementById("output").innerHTML += "
"; }); document.getElementById("runButton").addEventListener("click", function(){ var code = document.getElementById("output").innerHTML; eval(code); });

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
  <title>Program Maker Game</title>
</head>
<body>
<div id="game" style="text-align:center;">
    <h2>Program Maker Game</h2>
    <p>Click on the buttons below to create your program!</p>
    <button id="button1">HTML</button>
    <button id="button2">CSS</button>
    <button id="button3">JavaScript</button>
    <br><br>
    <button id="runButton">Run Program</button>
    <br><br>
    <p id="output"></p>
</div>

document.getElementById("button2").addEventListener("click", function(){
    document.getElementById("output").innerHTML += "<style>//Your CSS code here</style>";
});

document.getElementById("button3").addEventListener("click", function(){
    document.getElementById("output").innerHTML += "<script>//Your JavaScript code here</script>";
});

document.getElementById("runButton").addEventListener("click", function(){
    var code = document.getElementById("output").innerHTML;
    eval(code);
});
</script>
</body>
</html>