DOM Elemente erzeugen und mit CSS versehen.
log = makeLog();
logMessage('Hallo Bewohner von Wald und Flur.', log);
logMessage('Mein Name ist Hase.', log);
logMessage('Ich mag Möhren.', log);
function makeLog(){
var holder = document.createElement('div');
holder.style.height= '75px';
holder.style.width = '450px';
holder.style.overflow = 'auto';
holder.style.border = '1px solid #666';
holder.style.backgroundColor = '#ccc';
holder.style.padding ='8px';
holder.style.position ='absolute';
holder.style.bottom = '10px';
holder.style.right = '20px';
document.body.appendChild(holder);
return holder;
}
function logMessage(message, log){
var holder = document.createElement('div');
holder.textContent = message;
log.appendChild(holder);
}
Hier ist der Code der
vorigen Seite etwas aufgeräumter in Funktionen zusammengefasst.
