Shellsec

Fuld version: HTML og JS opgaver
Du ser lige nu en skrabet udgave af vores indhold. Se den fulde version med ordentlig formatering.
Her er en anden opgave med delopgaver, jeg ikke kunne finde ud af:

------------------------------------------------------------------------------------------------------------------------------------------------------------
Given is the following HTML website code
Kode:
<html>
<head>
<title> A Name Form </title>
</head>

<body>

<h1>Your name </h1>

<form>
First name:
<input type="text name="firstname">
<br>

Last name:
<input type="text name="lastname">
</form>

</body>
</html>
1) Draw the Document Object Model of this website as a tree. Start with the Document root and the <html> tag, see example sketch below. Draw all DOM elements (but not character data). (on paper)

2) You want to access the value of the input lastname and store it in a new variable called temp. Write one line of Javascript code that can do this for you.

3. Explain one advantage of tables, and one advantage of divs, for the positioning of elements in a website layout

------------------------------------------------------------------------------------------------------------------------------------------------------------

Hvordan får man lavet DOM elementerne?

Jeg har prøvet at lave <table> og <div>, men jeg ved ikke om de har en særlig fordel?
Nu er jeg lige på mobilen, så kan ikke lige efterteste.

1)
Tror du skal lave noget i stil med følgende:
Osv.

2)
 
Kode:
var temp = document.getElementsByName("lastname");
Så er det op til dig selv, om der skal tjekkes om værdien er sat, og hvorvidt der er flere elementer i listen.

3)
Når det kommer til design, så er tabeller jo fantastiske til overskueligt at opstille data.
Divs er f. eks. gode til at samle flere elementer, så de sammen kan placeres og styles. Det har man dog også id's og klasser til, men det er jo individuelt hvad man foretrækker.
Ulempen ved tables er at mange browsere sætter en frygtelig masse standard formatering på, så de kan være ret svære at få til at se ud som de skal, hvorimod en div bare er en container.
(15-01-2017, 16:28)Doctor Blue Skrev: [ -> ]Ulempen ved tables er at mange browsere sætter en frygtelig masse standard formatering på, så de kan være ret svære at få til at se ud som de skal, hvorimod en div bare er en container.

Præcis. Arbejd med flexbox, så bliver dit liv meget nemmere.

justify-content
align-items
flex-direction
Og selvfølgeligt display:flex,

Så er man dælme godt kørende.