JavaScript

Aus ProgrammingWiki

Gib die ersten beiden Zeichen eines strings zurück

function test(a) { return a.substr(0,2);//auch anderen Lösungen können zum gewünschten Ergebnis führen }

test("Hallo")

ausführen

var name = prompt ("Gib deinen Namen ein:"); alert("Hallo "+name+" toll das du hier bist!");

ausführen

Inhaltsverzeichnis 1 Canvas mit JavaScript 2 Turtle mit JavaScript 3 Aktuelle Wikiseite im JavaScript verwenden 4 ES6 Unterstützung

Canvas mit JavaScript

var c = new Canvas(1); c.clear(); c.setWidth(1); c.setRGBColor(0,0,0); c.rect(10,10,150,50); c.drawImage(20,20,30,30,"http://programmingwiki.de/extensions/ims_extension/styles/nosmilie.jpg"); c.text(60,40,"Hallo Welt!",12); c.setRGBColor(255,0,0); c.setWidth(2); c.line(60,45,140,45); c.ellipse(150,20,5); c.fillRect(150,50,10,10);

ausführen

Turtle mit JavaScript

var c = new Canvas(2); c.clear(); // Zeichenfläche löschen var t = new Turtle(2); // neuer Turtle auf Zeichenfläche 2 t.home(); var isUp = false; for(var i = 0; i < 18; i++){ t.penColor(i*10+50,0,250-10*i); t.penWidth(8); t.forward(20); t.right(20); isUp = !isUp; if(isUp) t.penUp(); else t.penDown(); }

ausführen

var c = new Canvas(3); c.clear(); // Zeichenfläche löschen drunken = new Turtle(3); drunken.penColor(255,0,0); drunken.home(); drunken.right(90); follower = new Turtle(3); follower.penColor(0,255,0); follower.move(200,0); function doStep(n){ follower.setAngleTo(drunken); follower.forward(2); drunken.forward(20 * Math.random()); if (Math.random() >= 0.5) drunken.right(180 * Math.random()); else drunken.left(180 * Math.random() ); if(n > 0) setTimeout(function(){doStep(n-1);},10); } doStep(200);

ausführen

Aktuelle Wikiseite im JavaScript verwenden

 <div id="ausgabe"></div>

document.getElementById("ausgabe").innerHTML = "Hallo Welt <br>";

ausführen

oder mit jQuery

$("#ausgabe").html("Hallo Welt von jQuery <br>");

ausführen

ES6 Unterstützung

Viele Browser verstehen heute bereits ES6 und damit die neuen Sprachelemente in JavaScript. Ob dein Browser bereits soweit ist, kannst du hier testen:

class Employee { constructor(firstName, familyName) { this._firstName = firstName; this._familyName = familyName; } getFullName() { return `${this._firstName} ${this._familyName}`; } } var e = new Employee("test","tester"); e.getFullName();

ausführen