Permalänk
Medlem

Javascript första uppgift

Hej! Är riktigt lost och behöver hjälp!
Har nyligen börjat kursen webbutveckling 2 på distans. Har en inlämningsuppgift idag som jag kämpat med i 2 dagar utan att fatta något. Får inte tag på läraren eller har någon annan att vända mig till.

Såhär är uppgiften. Kan någon förklara tänket eller ge mig något att stöd i att lösa detta? Skäms ihjäl att jag inte fattar något eller kan hitta info nog att lösa uppgiften.

”a) Skapa en array med 5 element. Gör ett enkelt formulär med fem textfält och ett inputfält med en knapp för att mata in städer i arrayen. Visa arrayens värden i ett textfält.
b) Lägg till en funktion som skriver ut en text i en paragraf i varje gång du lägger till en stad. Texten skall innehålla sammanhållande text och antal förekomster i arrayen, stadens namn i stora bokstäver, vilken bokstav staden börjar på och antal bokstäver i tillagd stad.
c) Lägg till en knapp som sorterar textfälten.”

Permalänk
Medlem

Tycker första uppgiften var onödigt svår för att vara en förstauppgift faktiskt.
Du behöver:
Skapa en form med 5 textfält, för att förenkla för dig kan du skapa ett unikt id för varje.
Du behöver skapa en submitknapp.

Du behöver lägga till en eventlistener på din submitknapp, som gör:
prevent default action på submit
hämtar texten från dina input-fält
lägger in texten i en array
hämtar ett textfält
fyller textfältet med innehållet från din array

HTML forms:
https://www.w3schools.com/html/html_forms.asp

Prevent default:
https://www.w3schools.com/jsref/event_preventdefault.asp

Event listeners:
https://www.w3schools.com/js/js_htmldom_eventlistener.asp

JS arrays:
https://www.w3schools.com/js/js_arrays.asp

JS DOM selectors + manipulation:
https://www.w3schools.com/js/js_htmldom_elements.asp

Börja där, får du inte ihop det till 100% så återkom med din kod, använd [code]-taggar här på forumet för att göra det enklare för de som läser.