Denne side bruger cookies
Dette forum bruger cookies. Hvis du er registreret, bruges de til at huske hvem du er logget ind som. Hvis ikke, gemmer vi dit sidste besøgstidspunkt. Besøgstidspunktet bruges bl.a. til at holde øje med, hvilke tråde du allerede har læst. Cookies er små tekstdokumenter, som bliver gemt i din browser og udgør ingen sikkerhedsrisiko. Tryk "Mere Information" nedenfor, for en liste over de cookies vi sætter. Du har mulighed for at fravælge cookies ved at klikke på knappen "Blokér Cookies" i bunden af denne boks.

En ikke-personhenførbar cookie vil blive gemt i din browser, uanset dit valg (Medmindre du ikke foretager et). Således undgår du at blive spurgt igen. Du kan til enhver tid ændre dit valg via linket i bunden af siden.

Tråd bedømmelse:
  • 0 Stemmer - 0 Gennemsnit
  • 1
  • 2
  • 3
  • 4
  • 5
HTML og JS opgaver
14-01-2017, 23:56 (Denne besked var sidst ændret: 14-01-2017, 23:59 af luckyluke.)
#1
HTML og JS opgaver
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?


Vedhæftede fil(er)
.png   Example sketch.png (Størrelse: 2,51 KB / Downloads: 20)
Find alle beskeder fra denne bruger
Citer denne besked i et svar
15-01-2017, 02:10
#2
RE: HTML og JS opgaver
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.
(23-10-2015, 21:59)bestworks Skrev: Hope you are best customer and we can to work a long time business
Find alle beskeder fra denne bruger
Citer denne besked i et svar
15-01-2017, 16:28
#3
RE: HTML og JS opgaver
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.
Mangler du hjælp?
Regler |  E-mail (PGP)
Besøg denne brugers hjemmeside Find alle beskeder fra denne bruger
Citer denne besked i et svar
15-01-2017, 16:35
#4
RE: HTML og JS opgaver
(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.
yolo
Find alle beskeder fra denne bruger
Citer denne besked i et svar
« Ældre | Nyere »




User(s) browsing this thread: 1 Gæst(er)