JavaScript

Aus ProgrammingWiki

Inhaltsverzeichnis

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

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")

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

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,"https://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);

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();
}

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);

Aktuelle Wikiseite im JavaScript verwenden

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

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

oder mit jQuery

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

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();