JavaScript

Aus ProgrammingWiki
Wiki-Quelltext dieser Seite.
<language>Javascript</language>
Gib die ersten beiden Zeichen eines strings zurück
<code id="4d346eb9efacc">function test(a) {
   return a.substr(0,2);//auch anderen Lösungen können zum gewünschten Ergebnis führen
}
</code>
<run id="4d346eb9efb34">test("Hallo")</run>

<check execute="(test('xxx') == 'xx' && test('bla') == 'bl')">
true
</check>

<run id="4ea7d1b57daab">
var name = prompt ("Gib deinen Namen ein:");
alert("Hallo "+name+" toll das du hier bist!");
</run>

== Canvas mit JavaScript ==

<canvas></canvas>

<run id="4ea7c3994ef5a">
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);
</run>

== Turtle mit JavaScript ==
<canvas></canvas>

<run id="4ea7cce3cf8a5">
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();
}
</run>

<canvas></canvas>
<run id="54e66ad7d4ef4">
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);

</run>

== Aktuelle Wikiseite im JavaScript verwenden ==
<pre>
 <div id="ausgabe"></div>
</pre>

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

<run id="4ea7d3088b095">
document.getElementById("ausgabe").innerHTML = "Hallo Welt <br>";
</run>

oder mit jQuery  <html><script src="https://code.jquery.com/jquery-latest.js"></script></html>

<run id="4ff9ec73dc798">
$("#ausgabe").html("Hallo Welt von jQuery <br>");
</run>

== 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:
<run id="56fb671228101">
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();
</run>
JavaScript

Suche
