Javascript onMouseDown

Kun je eens een stukje code laten zien en eventuele foutmeldingen die je krijgt via een console?

Als ik bijvoorbeeld gewoon dit doe dan werkt het niet:

<script>
function voorbeeld() {
alert("Voorbeeld");
}
</script>
<input type="button" onClick="voorbeeld()" value="Klik">

Maar als ik dit doe werkt het wel:

<input type="button" onClick="alert('Voorbeeld')" value="Klik">

Hoe zo, dat werkt niet?

Beide werken

Ik zet voor zekker heid altijd.

javascript:voorbeeld();

Het is ook een beetje raar, ik heb dit alleen de laatste 2 dagen. Ik denk dat mijn browser kapot is ofzo.
Verder vind ik JavaScript ZEER eritant. JavaScript is eritant omdat je honderden keren document.getElementById(""); zit te typen, en het is dan ook nog eens hoofdlettergevoelig. Mijn Shift toets is straks nog afgesleten.

Verder vind ik JavaScript ZEER eritant. JavaScript is eritant omdat je honderden keren document.getElementById(""); zit te typen, en het is dan ook nog eens hoofdlettergevoelig. Mijn Shift toets is straks nog afgesleten.

Allereerst is het irritant en als 2e is het slecht als je 100den keren document.getElementById() zit te typen. Dat betekend dat je 100den keren het browser de hele DOM laad doorzoeken op zoek naar alleen dat ene element.
Daarom moet je het resultaat van die getElementById opslaan in een variabele:

// niet
document.getElementById('box').innerText = 'Hello World!';
document.getElementById('box').style.display = 'block';
document.getElementById('box').onclick = function() {
    alert('Hello!!!')
};

// maar
var box = document.getElementById('box');

box.innerText = 'Hello World!';
box.style.display = 'block';
box.onclick = function() {
    alert('Hello!!!');
};

En daarnaast, als je nog even een paar jaar wacht wordt JavaScript waarschijnlijk dit, zal je een stuk leuker vinden:

document.getElementById('box').{
    innerText : 'Hello World',
    style.{
        display : 'block'
    },
    onclick : function() {
        alert('Hello!!!');
    }
};

Jan terhuijzen op 21/06/2012 14:04:46

Verder vind ik JavaScript ZEER eritant. JavaScript is eritant omdat je honderden keren document.getElementById(""); zit te typen, en het is dan ook nog eens hoofdlettergevoelig. Mijn Shift toets is straks nog afgesleten.

Doe dan zoiets als dit (niet gecontroleerd):

function el(id) {
  return document.getElementById(id);
}

En voortaan kun je dan gewoon dit doen:

var id = el('mijnid');

Jan, ik zou zowieso altijd even
<script type="text/javascript"> doen.