Untitled

OBLIG 5 - tEGNE TILFELDIG FIRKANT PÅ CANVAR MED TILFELDIG FASONG, FARGE OG KOORDINAT.

<!DOCTYPE html>
<html>
    <head>
        <meta charset = "utf-8"/>
        <script src="Assignment05.js">
        </script>
    </head>
    <body>
        <canvas id="canvas" width="800" height="600" style="border:1px solid #000000;"></canvas>

        <p id="log">Her kommer log;<br /></p>
    </body>
</html>


function log(tekst){
    document.getElementById("log").innerHTML += tekst + "<br/>"
}
function boks(){
    var c = document.getElementById("canvas");
    var ctx = c.getContext("2d");

    var x = Math.random()*c.width;
    var y = Math.random()*c.height;
    var bredde = Math.random()*c.width;
    var hoyde = Math.random()*c.height;
    var farge = "#"+Math.random().toString(16).substr(-6);
    ctx.fillStyle = farge;

    ctx.fillRect(x,y,bredde,hoyde);
       log("Tegnet en firkant i posisjon bredde="+parseInt(bredde)+" og høyde="+parseInt(hoyde));

    //*ctx.fillRect = farge;
    //*ctx.fillRect(x,y,x,y);
    //*var farge = "#"+Math.random().toString(16).subst(-6);
}

function startFunksjon(){
    //boks();
    setInterval(boks,10);
}
window.onload=startFunksjon;