diff --git a/index.html b/index.html index 385e569..5068082 100644 --- a/index.html +++ b/index.html @@ -5,10 +5,12 @@ - Example + + - + + Example @@ -16,6 +18,12 @@

Beispiel

Drück auf den Knopf, um die Funktion auszulösen.
+ + +

+ +

+

\ No newline at end of file diff --git a/program.js b/program.js index c4b9c41..5b5997d 100644 --- a/program.js +++ b/program.js @@ -1,4 +1,56 @@ function myFunction() { -document.getElementById("mytitle").innerHTML = "Dieser Text wurde vom Skript geschrieben"; + var c = document.getElementById("stage"); +var ctx = c.getContext("2d"); +ctx.fillStyle = "#021561"; +ctx.fillRect(0, 0, 480, 360); +goToXY(20,20); +setPenSizeTo(1); +//setPenColorTo("#F3FF05"); +function getRandomColor() { + var letters = '0123456789ABCDEF'.split(''); + var color = '#'; + for (var i = 0; i < 6; i++ ) { + color += letters[Math.floor(Math.random() * 16)]; + } + return color; } +penUp () +for (var Sprung = 1; Sprung <= 15; Sprung++) { + var randomX = Math.floor(Math.random() * 361) -180 + var randomY = Math.floor(Math.random() * 271) -135 + goToXY(randomX,randomY); + setPenColorTo(getRandomColor()); + penDown(); + for (var zahl = 1; zahl <= 5; zahl++) { + move (50); + turnRight (144); + } + penUp (); +} + +} + +function Flower() { + goToXY(20,20); +setPenSizeTo(1); +setPenColorTo("#9C0303"); +penDown(); +for (var zahl = 1; zahl <= 25; zahl++) { + for (var kreis = 1; kreis <= 360; kreis++) { + move (1); + turnRight (1); + } + turnLeft (15); +} + +} +function Clearall(){ + var c = document.getElementById("stage"); +var ctx = c.getContext("2d"); +ctx.fillStyle = "blue"; +ctx.fillRect(0, 0, 300, 150); +ctx.clearRect(0, 0, 480, 360); +} + + diff --git a/style.css b/style.css index 515b4e9..56049df 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,10 @@ body { - background-color: yellow; + background-color: pink; +} +#stage { + /*background-color: #021561;*/ + border: 1px solid black; +} +#pink { + background-color: pink; } \ No newline at end of file