33 lines
		
	
	
		
			800 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			33 lines
		
	
	
		
			800 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
<html>
 | 
						|
    <head>
 | 
						|
        <title>MiniLogo Simulator</title>
 | 
						|
        <script src="minilogo.js"></script>
 | 
						|
        <script src="http://unpkg.com/elm-canvas/elm-canvas.js"></script>
 | 
						|
    </head>
 | 
						|
    <body>
 | 
						|
        <div id="elm-container">
 | 
						|
        </div>
 | 
						|
        <script>
 | 
						|
            var program = `
 | 
						|
move(0, 0);
 | 
						|
define line(x1, y1, x2, y2) {
 | 
						|
    pen up;
 | 
						|
    move(x1, y1);
 | 
						|
    pen down;
 | 
						|
    move(x2, y2);
 | 
						|
};
 | 
						|
define nix(x, y, width, height) {
 | 
						|
    call line (x, y, x + width, y + height);
 | 
						|
    call line (x + width, y, x, y + height);
 | 
						|
};
 | 
						|
call nix(0, 0, 5, 10);
 | 
						|
`
 | 
						|
            var container = document.getElementById("elm-container");
 | 
						|
            var app = Elm.Main.init({
 | 
						|
                "flags": { initialText: program },
 | 
						|
                "node": container
 | 
						|
            });
 | 
						|
        </script>
 | 
						|
    </body>
 | 
						|
</html>
 |