Startpagina / Samenvattingen / Web programming step by step / button-totalscore-element

The Document Object Model (DOM) - Global DOM Objects - The keyword this

Q: Hoe moet je de achtergrondkleur van een element wijzigen met DOM? Met welke objecten interact je en wat is de style property naam. Welke property gebruik je om een element naar left te floaten

element.style.backgroundColor = 'red' element.style.float ='left'

8 belangrijke vragen over The Document Object Model (DOM) - Global DOM Objects - The keyword this

Wat zijn de 6 globale DOM-objecten

document (huidige pagina)
history (de lijst pagina's die voor de huidige pagina bezocht zijn)
location (de URL van de huidige pagina)
navigator (de browser)
screen (het scherm)
window (het venster van de browser)

Wat is een user agent

een string met allerlei gegevens over de browser en het os

Waarom gebruik je een anonieme functie voor de de code voor window.onload?

Anders moet er bij de functie die we expliciet definieren en daarna aan window.onload toekennen altijd als commentaar bij worden geschreven dat de functie uitsluitend bedoeld is om aan window.onload toe te kennen. Programmeeraanwijzing: gebruike en anonieme functie om aan window onliad toe te kennen

Stel dat een pagina de volgende HTML code heeft:
<code>

div>
<button id="touchdown">6 points (touchdown)</button>
<button id="fieldgoal">3 points(field goal) </button>
<button id= "safety"> 2 point(safety/2-point conversion)</button>
<button id="extrapoint">1 point (extra point)</button>
<input id="total" type="text" value="0" />
</div>
</code>
Hoe kunnen we er voor zorgen dat wanneer er op de button geklikt wordt het juiste aantal er bij opgeteld wordt?
maak gebruik van het keyword this

Uitgaande van een globale variabele totaalScore kunnen we 1 eventhandler schrijven:

function addPoints() {

switch (this.id){

case "touchdown":

totalScore =totalScore +6;

break;

case "fieldgoal":

totalScore =totalScore +3;

break;

case "safety":

totalScore =totalScore +2;

break;

case "extrapoint":

totalScore =totalScore +1;

break;

}

Wat is het verschil tussen tekstContent, innerText, innerHTML en value en wanneer moet elk gebruikt worden?

textContent en innerText verwijzen beide naar de tekstinhoud van textNode. De property heet volgens de DOM-standaard textContent, maar IE ondersteunt die naam niet en heeft in plaats daarvan de property innrText. De property innerHTML bevat de gehele inhooud van een element, inclusief eventuele tags. De property value bevat de waarde van het attribuut value van een element

Hoe moet je de achtergrondkleur van een element wijzigen met DOM? Met welke objecten interact je en wat is de style property naam. Welke property gebruik je om een element naar left te floaten

element.style.backgroundColor = "red"

element.style.float ="left"

Schrijf een regel code die de breedte veranderd van een element die bewaard wordt in een variabele genaamd myBox naar 500 pixels

myBox.style.width = "500px"

Hoe zorg je ervoor dat alle informatieboxes 500 pixels breed zijn. Maak gebruik van unobtrusive styling

in CSS:

div.information {

width: 500px;

}

in JavaScript:

element.className = "information";

De vragen op deze pagina komen uit de samenvatting van het volgende studiemateriaal:

Web programming step by step | 9780578012391 | Marty Stepp, et al

Bekijk samenvatting

Een unieke studie- en oefentool
Nooit meer iets twee keer studeren
Haal de cijfers waar je op hoopt
100% zeker alles onthouden

Onthoud sneller, leer beter. Wetenschappelijk bewezen.

The Document Object Model (DOM) - Global DOM Objects - The keyword this

8 belangrijke vragen over The Document Object Model (DOM) - Global DOM Objects - The keyword this

Wat zijn de 6 globale DOM-objecten

Wat is een user agent

Waarom gebruik je een anonieme functie voor de de code voor window.onload?

Wat is het verschil tussen tekstContent, innerText, innerHTML en value en wanneer moet elk gebruikt worden?

Hoe moet je de achtergrondkleur van een element wijzigen met DOM? Met welke objecten interact je en wat is de style property naam. Welke property gebruik je om een element naar left te floaten

Schrijf een regel code die de breedte veranderd van een element die bewaard wordt in een variabele genaamd myBox naar 500 pixels

Hoe zorg je ervoor dat alle informatieboxes 500 pixels breed zijn. Maak gebruik van unobtrusive styling

Samenvattingen die gerelateerd zijn aan CSS for styling - More CSS

Web programming step by step

B08111 Procesmanagement

Pia Pia Método di Papiamentu

TMap Next : voor resultaatgericht testen

Webcultuur(T38121)

Security en IT

webapplicaties: de clientkant

Organisatie & management : een fundamentele …

Samenvatting Bestuur en Beleid

Samenvatting Introductie Bestuurs en Organis…

Software engineering

Fons et origo iuris : een historische inleid…