Övningar i JavaScript del 2
|
|
- Britt-Marie Sundqvist
- för 8 år sedan
- Visningar:
Transkript
1 Övningar i JavaScript del 2 Genm dessa övningar frtsätter intrduktinen av JavaScript. Vi tar nu upp if-satser ch lite mer m funktiner. Vi kmmer ckså in på tillämpningar sm att byta en bild på webbsidan ch generering av slumptal. 1. Dkument i övningsmappen På labratinens webbsida kan du ladda ner en zip-fil, sm ger en mapp med ett antal övningsdkument. index.htm innehåller ett textfält ch en knapp, så sm i föregående labratin. Det finns ckså ett antal img-taggar för att visa några bilder på lika sätt. style.css innehåller grundläggande stilinställningar för webbsidan. script.js är filen för JavaScript. Från början innehåller den endast en init-funktin sm är tm. pics är en mapp med ett antal bilder sm tas in på webbsidan ch sm du ckså ska referera till ifrån JavaScript-kden. 2. Villkr ch if-satsen I denna övning ska du skriva en funktin för att kntrllera det svar sm ges i textfältet. Du kmmer då att använda dig av if-satser, för att kntrllera svaret. Händelsehanterare i HTML- filen I HTML-kden lägger du till följande nclick-attribut i buttn-taggen: <buttn type="buttn" nclick="checkanswer()"> Funktinen checkanswer ska anrpas då användaren klickar på knappen. Funktinen i JavaScript- filen Börja med att lägga till en enkel funktin, för att testa att du har alla referenser rätt. Funktinen ska endast läsa in svaret från textfältet ch skriva ut det i span-taggen för resultatet. Lägg till följande funktin sist i js-filen: functin checkanswer() { var answer, resstr; answer = Number(dcument.getElementById("inText").value); resstr = answer; dcument.getelementbyid("result").innerhtml = resstr; } // End checkanswer Om det tal du skriver i textfältet skrivs i span-taggen, är alla referenser till taggarna krrekta Rune Körnefrs (rune.krnefrs@lnu.se) 1
2 Kntrllera m svaret är ett tal För att kntrllera en variabels värde används en if-sats. För att kntrllera m variabeln är ett tal används funktinen isnan. Skriv in följande kd i funktinen: functin checkanswer() { var answer, resstr; answer = Number(dcument.getElementById("inText").value); resstr = answer; dcument.getelementbyid("result").innerhtml = resstr; } // End checkanswer Funktinen isnan (is-nt-a-number) kntrllerar variabeln inm parentesen (answer). Resultatet är ett värde i datatypen blean, sm är antingen true eller false. Om variabeln inte är ett tal, är resultatet true. Detta kntrlleras i if-satsen. Om villkret i if-satsen är true (dvs answer inte är ett tal), ändras resstr till texten med felmeddelandet. Prva både att skriva in ett tal ch att skriva in någt annat. If- sats för att kntrllera svaret Lägg till en if-sats under den första, enligt följande kd: if (answer == 5 ) resstr = "Rätt"; else resstr = "Fel"; I if-satsen kntrlleras det m variabeln answer har värdet 5. Observera att man här har två likhetstecken. Man kan även ha tre likhetstecken, m man ckså vill kntrllera att det är samma datatyp, men det vill vi inte här, så därför används två likhetstecken i denna kd. Om villkret (dvs answer är 5) är true, sätts resstr till "Rätt". Annars utförs else-satsen ch resstr sätts till "Fel". Skriver du tal i textfältet blir det Rätt eller Fel, berende på vilket tal du skriver. Om du skriver någt annat än ett tal, blir ckså resultatet "Fel" ch inte den text sm skrivs i den första if-satsen. Den andra if-satsen ska endast utföras m resultatet i den första är false. Så lägg till ett else framför den andra if-satsen: else if (answer == 5 ) resstr = "Rätt"; else resstr = "Fel"; Nu är det endast m answer är ett tal sm den andra if-satsen (ch tillhörande else) utförs Rune Körnefrs (rune.krnefrs@lnu.se) 2
3 3. Glbala ch lkala variabler Medieteknik Nu ska du lägga till lite kd för att räkna hur många gånger sm användaren svarar fel på frågan. Då behövs en variabel sm kan räknas upp med 1, varje gång svaret är fel. Variabeln måste behålla sitt värde mellan lika anrp av funktinen checkanswer ch vi behöver då en glbal variabel. De variabler sm vi hittills använt är lkala i funktinen. De skapas då funktinen anrpas ch försvinner sedan igen, då funktinen är klar. Skapa den glbala variabeln Glbala variabler brukar man skapa antingen utanför alla funktiner eller inuti init-funktinen. Vi gör här på det förstnämnda sättet. Skriv in följande kd överst i js-filen, vanför funktinerna: // Glbal variables var wrnganswercunter = 0; // Cunts nr f wrng answers in the questin f nr f images Variabeln införs med nyckelrdet var ch initieras ckså till värdet 0. Namnet bör väljas så att det förklarar vad variabeln är till för. Ibland blir det lång namn, men det är bättre än att bara kalla variabeln för t.ex. x. Även m namnet förklarar variabeln, så brukar det ändå vara bra att lägga till en kmmentar sm förklarar vad variabeln används till. Lägg till kd för användning av variabeln Ändra if-satserna i checkanswer till: else if (answer == 5 ) resstr = "Rätt"; else { wrnganswercunter += 1; resstr = "Fel. Du har nu svarat fel " + wrnganswercunter + " gånger."; } Nu ska det utföras två prgramsatser i else-delen, så då mger vi dem med klamrar. Variabeln wrnganswercunter räknas upp med 1 med tilldelningsperatrn +=. Variabeln används sedan i meddelandet sm ska skrivas ut. Glbala variabler för HTML- taggar Vi refererar till en input-tagg ch span-tagg med hjälp av dcument.getelementbyid. Du ska sedan ckså referera till img-taggen med den stra bilden ch en del andra taggar. För att förenkla kden ch göra den lite effektivare, ska vi lägga in dessa referenser i glbala variabler. Lägg in följande kd överst i js-filen under den glbala variabeln: var intext, resulttag, largeimg, imgtext, imglist; // References t tags Detta deklarerar fem nya glbala varibler, men de får ännu inga värden. Vi kan inte här referera till de lika taggarna ch tilldela variablerna. Denna kd ligger utanför funktinerna ch utförs då filen läses in i webbläsaren. Då finns ännu inte HTMLtaggarna, eftersm de kmmer efter script-taggen i HTML-filen Rune Körnefrs (rune.krnefrs@lnu.se) 3
4 Lägg in följande kd i funktinen init: functin init() { intext = dcument.getelementbyid("intext"); resulttag = dcument.getelementbyid("result"); largeimg = dcument.getelementbyid("largeimg"); imgtext = dcument.getelementbyid("imgtext"); imglist = dcument.getelementbyid("imglist"); } // End init Variablerna tilldelas här referenser till de lika HTML-taggarna. Denna funktin utförs på händelsen nlad, då hela webbsidan är inladdad ch då finns HTML-taggarna. Ändra nu funktinen checkanswer till: functin checkanswer() { var answer, resstr; answer = Number(inText.value);... resulttag.innerhtml = resstr; } // End checkanswer Med... avses de övriga raderna i funktinen, men de ska inte ändras, så de upprepas inte här. 4. Byt bild i en img-tagg ch funktin med parameter Nu ska vi lägga till en funktin sm visar en str bild, då man klickar på en liten bild. Vi skapar funktinen i ett antal steg. Tillägg i HTML- kden Lägg till ett nclick-attribut i varje img-tagg för de små bilderna: <img id="smallimg1"... nclick="shwpict()"> <img id="smallimg2"... nclick="shwpict()"> <img id="smallimg3"... nclick="shwpict()"> <img id="smallimg4"... nclick="shwpict()"> <img id="smallimg5"... nclick="shwpict()"> Funktinen shwpict ska anrpas då man klickar på en bild. Tillägg i CSS- kden Lägg till en stil för muspekaren i CSS-filen: #smallpics img {brder:4px slid #6CF; cursr:pinter;} Med denna stil blir markören en hand med pekande finger över bilderna, så att man ser att man kan klicka på dem Rune Körnefrs (rune.krnefrs@lnu.se) 4
5 Tillägg i JavaScript- kden Lägg till följande funktin sist i js-filen: functin shwpict() { largeimg.src = "pics/large/pic1.jpg"; } // End shwpict Med largeimg (sm initierades i init-funktinen) refererar vi till img-taggen. Sedan frtsätter vi att referera till dess src-attribut. Detta får ett nytt innehåll med en adress till en av de stra bilderna. Det blir då alltid samma bild sm visas, så funktinen är inte klar. Men detta är första steget, sm kan testas, för att se att funktinen anrpas krrekt ch att vi refererar till en bild på rätt sätt. Klicka på en av de små bilderna, så visas den stra bilden. Visa lika bilder parameter i funktinen För att kunna visa den bild man klickar på så måste vi kunna avgöra vilken bild sm användaren klickade på. Vi kan då skicka med en parameter med lika värden i de lika anrpen i img-taggarnas nclick-attribut. I id-attributen ch filnamnen ingår ett nummer, sm skiljer taggarna ch bilderna åt. Vi skickar med det numret sm en parameter. Lägg till parametrar i anrpen i img-taggarna: <img id="smallimg1"... nclick="shwpict(1)"> <img id="smallimg2"... nclick="shwpict(2)"> <img id="smallimg3"... nclick="shwpict(3)"> <img id="smallimg4"... nclick="shwpict(4)"> <img id="smallimg5"... nclick="shwpict(5)"> Vi anger här vilket värde sm ska skickas till funktinen. Detta måste vi i nästa steg se till att ta emt i funktinen. Ändra funktinen shwpict till: functin shwpict(nr) { largeimg.src = "pics/large/pic" + nr + ".jpg"; } // End shwpict Parametern namnges inm parentesen i funktinens deklaratin. Vi kallar den här för nr. Denna kan sedan användas sm en variabel i funktinen. I adressen till bilden använder vi nr, för att få rätt filnamn. Klicka på de små bilderna ch kntrllera att det är den bild sm du klickar på sm visas Rune Körnefrs (rune.krnefrs@lnu.se) 5
6 Visa bildtexten I img-taggarna för de små bilderna finns en text i alt-attributen. Texten för den bild sm användaren klickade på ska vi nu ta ut ch lägga in i rubriken vanför den stra bilden. Lägg till följande kd i funktinen shwpict: functin shwpict(nr) { largeimg.src = "pics/large/pic" + nr + ".jpg"; var alttext = dcument.getelementbyid("smallimg"+nr).alt; imgtext.innerhtml = alttext; } // End shwpict Först refererar vi till img-taggen med hjälp av getelementbyid. Parametern nr innehåller ett tal mellan 1 ch 5, så rätt id får vi fram genm att lägga ihp "smallimg" ch nr. Sedan lägger vi till alt, för att kmma åt alt-attributet. Denna text sparas i den lkala variabeln alttext. Sedan refererar vi till rubriken med den glbala variabeln imgtext (sm initierades i funktinen init). Där refererar vi till innerhtml ch lägger in texten ifrån variabeln alttext. 5. Slumptal Nu ska vi sätta ihp en funktin sm visar en slumpmässigt vald bild, då man klickar på det blå frågetecknet. Vi har ju redan funktinen shwpict för att visa en bild, så vi ska använda den. Funktinen har en parameter sm är numret på bilden. Det vi behöver göra är alltså att generera ett slumptal mellan 1 ch 5 ch sedan skicka med det sm parameter till shwpict. Funktinen för slumpmässigt vald bild Lägg in följande funktin sist i js-filen: functin shwrandmpict() { var randmnumber = Math.flr(5*Math.randm())+1; shwpict(randmnumber); } // End shwrandmpict På den första raden genereras slumptalet. Med Math.randm() får man ett slumptal mellan 0 ch 1, där 0 är inkluderad men ej 1. Det är alltså ett tal mellan 0 ch Detta slumptal multipliceras med 5 ch vi får då ett tal mellan 0 ch Med Math.flr avrundas detta nedåt (flr=glv) till ett heltal mellan 0 ch 4, dvs utan decimaler. Lägger vi till 1, blir det ett tal mellan 1 ch 5. Vi använder sedan detta tal sm parameter till shwpict. Anrpa funktinen i img- taggen med bilden på frågetecknet Lägg till ett nclick-attribut i img-taggen i HTML-kden: <img id="imgbtn"... nclick="shwrandmpict()"> Denna funktin har ingen parameter, så här är parentesen tm Rune Körnefrs (rune.krnefrs@lnu.se) 6
7 6. Funktin med returvärde Medieteknik Bildtexten för varje slumpmässigt vald text ska skrivas ut i div-taggen med id="imglist", så att vi där får en lista av bildtexter för de slumpmässigt valda bilderna. Det är alltså texten i alt-attributet i de små bilderna sm ska skrivas ut, Texten tar vi fram i funktinen shwpict, men vi kan inte skriva ut den där. Då skulle den skrivas ut även då vi klickar på en liten bild ch shwpict anrpas, men det är bara då bilden väljs slumpmässigt sm vi vill skriva ut den. Vi kan då istället returnera texten från shwpict ch ta emt den i shwrandm ch göra utskriften där. Return i shwpict Lägg till en return-sats längst ner i funktinen shwpict: functin shwpict(nr) { largeimg.src = "pics/large/pic" + nr + ".jpg"; var alttext = dcument.getelementbyid("smallimg"+nr).alt; imgtext.innerhtml = alttext; return alttext; } // End shwpict Ta emt returvärdet Innehållet i variabeln alttext returneras till den funktin sm anrpade shwpict. Lägg till en variabel för returvärdet ch gör en utskrift av det i shwrandmpict: functin shwrandmpict() { var randmnumber = Math.flr(5*Math.randm())+1; var picttext = shwpict(randmnumber); imglist.innerhtml += picttext + ", "; } // End shwrandmpict Värdet sm returneras från shwpict sparas i variabeln picttext. På raden under refererar vi till div-taggen med hjälp av imglist (sm initierades i funktinen init) ch dess innerhtml. Vi använder += för att inte ersätta texten i divtaggen, utan lägga till ny text. Den text vi lägger till är innehållet i picttext följt av ett kmmatecken ch blanktecken. Klicka några gånger på frågetecknet. Slut I dessa övningar har vi tagit upp följande: if-sats utan else if-sats med else kntrll av m innehållet i en variabel är ett tal eller ej glbala ch lkala variabler byte av bild i en img-tagg generering av slumptal parametrar ch returvärde i funktiner Rune Körnefrs (rune.krnefrs@lnu.se) 7
Övningar i JavaScript del 3
Övningar i JavaScript del 3 I dessa övningar tar vi upp datumbjektet Date, arrayer ch lpar. Du utgår från ett prgram där man kan klicka på små bilder ch mtsvarande stra bild visas. Detta är i princip samma
Läs merÖvningar i JavaScript del 7
Övningar i JavaScript del 7 I denna labratin återanvänder vi bilderna på frukter, sm vi haft i ett par tidigare labratiner. Denna gång ska vi lägga till visuella effekter då en frukt väljs. Klickar man
Läs merÖvningar i JavaScript del 5
Övningar i JavaScript del 5 I dessa övningar ska vi ta upp några lika händelsehanterare. Dessa ska dck inte läggas in med attribut i HTML-kden, så sm vi gjrt tidigare med nclick. Istället ska vi nu lägga
Läs merÖvningar i JavaScript del 4
Övningar i JavaScript del 4 I dessa övningar ska du dels hantera ett frmulär ch dels arbeta med några textsträngar. 1. Dkument i övningsmappen Övningsmappen sm du laddar ner från labratinens webbsida innehåller
Läs merLabora&on 2 Funk&oner, if och loop övningar/uppgi:er
Labora&on 2 Funk&oner, if och loop övningar/uppgi:er 1M322 Webbteknik 2, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns
Läs merDynamisk HTML JavaScript och webbläsarens objektmodell
Dynamisk HTML 1 JavaScript och webbläsarens objektmodell Ove Lundgren (2009) Ove Lundgren - 1 - DOMDHTML2009.doc Innehåll Dynamisk HTML Webbläsarens variabler och metoder. Objektmodellen. Anropa metoder
Läs merKravspecifikation Batchbeställningar 2008-03-25 Version:
Kravspecifikatin Batchbeställningar 2008-03-25 Versin: 1.00 Ändringshistrik Revisin Datum Av Kmmentar 1.00 2008-03-25 Maria Valterssn Första versin efter prjektavslut. Kravspecifikatinen har bara funnits
Läs merLabora&on 1 Variabler och beräkningar övningar/uppgi9er
Labora&on 1 Variabler och beräkningar övningar/uppgi9er 1M322 Webbteknik 2, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns
Läs merProgrammering A C# VT 2010. Ett kompendie över Programmering A (50p) i c# Stefan Fredriksson 2010 02 08
Programmering A C# VT 2010 Ett kompendie över Programmering A (50p) i c# Stefan Fredriksson 2010 02 08 Innehåll Hjälp och referenser... 3 Kap 1 Introduktion... 3 Steg för steg... 3 Kapitel 2 Variabler...
Läs merÖvningar i CSS för anpassning till olika enheter
Övningar i CSS för anpassning till lika enheter Hittills har vi i föregående labratiner tittat på hur man med CSS utfrmar en presentatin för bildskärm på en vanlig datr. Men det finns fler presentatiner
Läs merIntroduk+on +ll programmering i JavaScript
Föreläsning i webbdesign Introduk+on +ll programmering i JavaScript Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Språk Naturliga språk Mänsklig kommunika+on T.ex. Svenska, engelska,
Läs merLabora&on 5 Dynamisk HTML och &mers övningar/uppgi=er
Labora&on 5 Dynamisk HTML och &mers övningar/uppgi=er 1M322 Webbteknik 2, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns
Läs merProgrammeringsteknik med C och Matlab
Programmeringsteknik med C och Matlab Kapitel 2: C-programmeringens grunder Henrik Björklund Umeå universitet Björklund (UmU) Programmeringsteknik 1 / 32 Mer organisatoriskt Imorgon: Datorintro i lab Logga
Läs merANVÄNDARMANUAL TEST OCH QUIZ för Mondo 2.0 Version 1
ANVÄNDARMANUAL TEST OCH QUIZ för Mnd 2.0 Versin 1 Stckhlms universitet Avdelningen för IT ch media Oktber 2008 Innehållsförteckning Dkument Sida Test ch Quiz: En översikt 3 Sex nödvändiga steg för att
Läs merÖvningar Dag 2 En första klass
Kurs i C++ Sid 1 (5) Övningar Dag 2 En första klass Denna övning går ut på att steg för steg bygga upp en klass och skapa objekt. Vi kommer att utgå från en sammansatt datatyp i en struct och parallellt
Läs merBankkonto - övning. Övning 2 Skriv en metod, geträntan, som returnerar räntan.
Bankkonto - övning Övningar att göra efter lärardemostration. Filen bankkonto.zip innehåller ett projekt med klassen Bankkonto. Zippa upp denna fil och öppna projektet i BlueJ och skriv vidare på klassen
Läs merÖvningar i JavaScript del 6
Övningar i JavaScript del 6 I dessa övningar tar vi upp två saker: Öppna ett nytt fönster ch hämta data från glbala variabler i dkumentet i föregående fönster. Läsa in data ifrån XML-filer med tekniken
Läs merAnvändarhandledning Version 1.2
Användarhandledning Version 1.2 Innehåll Bakgrund... 2 Börja programmera i Xtat... 3 Allmänna tips... 3 Grunderna... 3 Kommentarer i språket... 4 Variabler... 4 Matematik... 5 Arrayer... 5 på skärmen...
Läs merInformation. ALLT ni BEHÖVER VETA OM SOCKGROSSISTENS försäljning. för SKOLKLASSER. Vi lämnar alltid ett års garanti på våra produkter
Infrmatin ALLT ni BEHÖVER VETA OM SOCKGROSSISTENS försäljning Ett enkelt sätt att TJÄNA PENGAR för SKOLKLASSER ch FÖRENINGAR Vi lämnar alltid ett års garanti på våra prdukter VÄLKOMMEN till SOCKGROSSISTEN!
Läs merInledande programmering med C# (1DV402) 27+15=42 1 (22)
27+15=42 1 (22) Variabler Upphovsrätt för detta verk Detta verk är framtaget i anslutning till kursen Inledande programmering med C# vid Linnéuniversitetet. Du får använda detta verk så här: Allt innehåll
Läs mer1 Paint. 1.1 Öppna Paint. 1.2 Rita linjer
1 Paint Paint är en funktin i Windws 10 sm du kan använda för att göra teckningar på ett tmt mråde eller på befintliga bilder. Många av verktygen i Paint finns i menyfliksmrådet, sm finns i den övre delen
Läs merLaboration 6 Formulär och stränghantering övningar/uppgifter
Laboration 6 Formulär och stränghantering övningar/uppgifter 1M322 Webbteknik 2, 7,5hp Medieteknik 2017 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna laboration
Läs merObjektorienterad programmering i Java
Objektorienterad programmering i Java Föreläsning 4 Täcker i stort sett kapitel 6 i kursboken Java Software Solutions 1 Läsanvisningar Den här föreläsningen är uppbyggd som en fortsättning av exemplet
Läs merLabora&on 3 Objekt i JavaScript övningar/uppgi:er
Labora&on 3 Objekt i JavaScript övningar/uppgi:er 1M322 Webbteknik 2, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det
Läs merInstruktioner samt tidplan för hantering av kapital under 2015
2015-06-25 Prjekt Ny eknmi 2016 Instruktiner samt tidplan för hantering av kapital under 2015 Regelverk gällande kapital (t..m. 2015)... 2 Hantering av kapital på avslutade verksamheter... 3... 3 Institutinernas
Läs mer8-4 Ekvationer. Namn:..
8-4 Ekvationer. Namn:.. Inledning Kalle är 1,3 gånger så gammal som Pelle, och tillsammans är de 27,6 år. Hur gamla är Kalle och Pelle? Klarar du att lösa den uppgiften direkt? Inte så enkelt! Ofta resulterar
Läs merSeriehantering. [En enkel guide för hur du som serieadministratör använder SVEMO TA.]
2013 Svenska Motorcykel- och Snöskoterförbundet Box 2314 600 02 NORRKÖPING Tel. 011-23 10 80 www.svemo.se Seriehantering [En enkel guide för hur du som serieadministratör använder SVEMO TA.] Innehåll Inledning...
Läs merMedieteknologi Webbprogrammering och databaser MEB725, 5p (7,5 ECTS) Klientprogrammering JavaScript Program på flera sidor
http://w3.msi.vxu.se/multimedia Medieteknologi Webbprogrammering och databaser MEB725, 5p (7,5 ECTS) Klientprogrammering JavaScript Program på flera sidor Rune Körnefors Innehåll Variabler i JavaScript
Läs merFöreläsning 6: Introduktion av listor
Föreläsning 6: Introduktion av listor Med hjälp av pekare kan man bygga upp datastrukturer på olika sätt. Bland annat kan man bygga upp listor bestående av någon typ av data. Begreppet lista bör förklaras.
Läs merLösningar till tentauppgifterna sätts ut på kurssidan på nätet idag kl 19. Omtentamen i Programmering C, 5p, fristående, kväll, 040110.
1(8) ÖREBRO UNIVERSITET INSTITUTIONEN FÖR TEKNIK Lösningar till tentauppgifterna sätts ut på kurssidan på nätet idag kl 19. Denna tenta kommer att vara färdigrättad On 14/1-04 och kan då hämtas på mitt
Läs merCisco WebEx: Standardprogramfix den [[DATE]]
ÄMNE: Cisc WebEx: Standardprgramfix tillämpas den [[DATE]] för [[WEBEXURL]] Cisc WebEx: Standardprgramfix den [[DATE]] Cisc WebEx skickar ut det här meddelandet till utvalda affärskntakter på https://[[webexurl]]
Läs merDatorlära 3 Octave Workspace ovh mijlö Skriva text på skärmen Värdesiffror Variabler och typer Strängar Makro Vektorer
Datorlära 1 Introduktion till datasystemet, epost konto, afs hemkonto Introduktion till datorer och datasalar Open Office Calculator Beräkningar med Open Office Calc Diagram med OO Calc Datorlära 2 Utforma
Läs merProva på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet 2009-08-09
Prova på-laboration i PHP Johan Sjöholm johsj@ida.liu.se Institutionen för datavetenskap, Linköpings universitet 2009-08-09 1. Introduktion till webbprogrammering Webbprogrammering består av ett antal
Läs mer2016-01-15.kl.08-13. Tentaupplägg
Tentaupplägg TIPS 1: Läs igenm ALLA uppgifterna. Välj den du känner är lättast först. Det kan gärna ta 10-20 minuter. Försök skriva saker sm kan vara prblem i uppgifterna. Är det någt du abslut kmmer att
Läs merTAIU07 Matematiska beräkningar med Matlab
TAIU07 Matematiska beräkningar med Matlab Datorlektion 2. Villkor och Repetition 1 Logiska uttryck Uppgift 1.1 Låt a=3 och b=6 Vad blir resultatet av testerna ab? Uppgift 1.2 Låt a, b,
Läs merLabora&on 4 Händelser och drag and drop övningar/uppgi:er
Labora&on 4 Händelser och drag and drop övningar/uppgi:er 1M322 Webbteknik 2, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns
Läs merTentamen OOP 2015-03-14
Tentamen OOP 2015-03-14 Anvisningar Fråga 1 och 2 besvaras på det särskilt utdelade formuläret. Du får gärna skriva på bägge sidorna av svarsbladen, men påbörja varje uppgift på ett nytt blad. Vid inlämning
Läs merTextsträngar från/till skärm eller fil
Textsträngar från/till skärm eller fil Textsträngar [Kapitel 8.1] In- och utmatning till skärm [Kapitel 8.2] Rekursion Gränssnitt Felhantering In- och utmatning till fil Histogram 2010-10-25 Datorlära,
Läs merFöreläsning 3.1: Datastrukturer, en översikt
Föreläsning.: Datastrukturer, en översikt Hittills har vi i kursen lagt mycket fokus på algoritmiskt tänkande. Vi har inte egentligen ägna så mycket uppmärksamhet åt det andra som datorprogram också består,
Läs merProgrammering Åk Blockly Games
Prgrammering Åk 7-9 -Blckly Games Innehåll Blckprgrammering s4 Blckly Games.. s5 Pussel.. s7 Labyrint.... s8 Fågel... s9 Sköldpadda. s10 Film s11 Dammhandledare.. s12 Damm.... s13 2 Lärarhandledning till
Läs merRiktlinjer för upphandling av konsulttjänster och entreprenader inom mark, anläggnings och byggsektorn
Tekniska nämnden 2012 01 26 3 10 Tekniska nämndens arbetsutsktt 2012 01 12 13 25 Dnr 2011/937.05 Riktlinjer för upphandling av knsulttjänster ch entreprenader inm mark, anläggnings ch byggsektrn Ärendebeskrivning
Läs merVad är Affärskommunikation
AFFÄRSKOMMUNIKATION Vad är Affärskommunikation Affärskommunikation är den kommunikation man har på arbetsplatsen med kunder leverantörer myndigheter och andra i omvärlden. Affärskommunikationen innefattar
Läs merÖversikt. Installation av EasyPHP 1. Ladda ner från http://www.easyphp.org/ Jag använder Release 5.3.4.0 2. Installera EasyPHP.
Laboration 1 Översikt 1. Att komma igång med laborationsmiljön a. installera Aptana Studio 3 b. Installera EasyPHP 2. Testa lite programmering a. Testa enkla uppgifter b. Testa automatiskt 3. Skapa inloggningsformulär
Läs merVASS HBI Användarmanual
VASS HBI Användarmanual 2014-09-17 VASS Hållbarhetsindex Sida 1 (7) Innehållsförteckning Logga in i VASS... 3 Behörighetssystem... 3 Välj kommun... 3 Regionala bolag... 3 Mata in uppgifter... 3 Hållbarhetsindex...
Läs merAlla filer som bearbetar PHP script ska avslutas med ändelsen.php, exempelvis ska en indexsida till en hemsida heta index.php
Introlektion PHP är ett av de enklare språken att lära sig just pga. dess dynamiska struktur. Det används för att bygga upp båda stora och mindre system. Några vanliga system som använder sig av PHP är
Läs merRutin för utgivning av funktionscertifikat
Rutin för utgivning av funktinscertifikat Innehåll Dkumentets syfte... 1 Dkumentets målgrupp... 1 Förutsättningar... 1 Checklista... 2 1. Gör så här för att skapa ch leverera funktinscertifikat... 2 PKCS#10...
Läs merIntroduktion till PHP
PHP - Grund Copyright 2016 Mahmud Al Hakim mahmud@dynamicos.se www.webacademy.se Introduktion till PHP PHP = PHP: Hypertext Preprocessor PHP är ett programmeringsspråk. PHP är ett skriptspråk som körs
Läs merLaborationer i kursmomentet Datoranvändning E1. Laboration nr 5: Mer om FrameMaker
Sid 1 Laborationer i kursmomentet Datoranvändning E1 http://www.etek.chalmers.se/~hallgren/eda/ : Mer om FrameMaker 1996, 1997 Magnus Bondesson 1998 och 99-09-22 Thomas Hallgren 1 Introduktion I Laboration
Läs merWebbteknik för ingenjörer
Institutionen för 2015-01-22 Tillämpad fysik och elektronik Karin Fahlquist Webbteknik för ingenjörer HTML5 & CSS laboration Målsättning Att skapa en webbplats utifrån en Lo-fi prototyp och implementera
Läs merInledning. Att bli medlem
- Inledning Nedan följer en instruktion om hur man blir medlem på Vreta-Ytternäs hemsida och sedan en instruktion om hur man loggar in. Innan man kan logga in måste man registrera sig som medlem. Anledningen
Läs merJAVASCRIPT. Beteende
JAVASCRIPT Beteende OVERVIEW HTML Formulär JavaScript Syntax Events DOM Validering av fomulär WEBBPROGRAMMERING PÅ KLIENTSIDAN Skriptspråk som körs på klientsidan (klientskript) Koden exekveras i webbläsaren
Läs merObjektsamlingar i Java
1 (6) Objektsamlingar i Java Objektorienterad programmering 3 Syfte Att ge träning i att använda objektsamlingar i Java. Mål Efter övningen skall du kunna använda objektsamlingsklasserna ArrayList och
Läs merGrundläggande programmering med C# 7,5 högskolepoäng
Grundläggande programmering med C# 7,5 högskolepoäng Provmoment: TEN1 Ladokkod: NGC011 Tentamen ges för: Omtentamen DE13, IMIT13 och SYST13 samt öppen för alla (Ifylles av student) (Ifylles av student)
Läs merSta. Sta. Sta. ulricaelisson.se. Scratch STARTA PROVA KODEN KÖR! TIPS. Rita en ny sprite. Eller välj en från mappen
Tryck på en tangent för att ändar färg på figuren. Rita en ny sprite. Eller välj en från mappen Tryck på mellanslag för att byta färg Ju fler färger det är på din sprite, desto större skillnad kommer du
Läs merFöreläsning 5 (6) Metoder. Metoder Deklarera. Metoder. Parametrar Returvärden Överlagring Konstruktorer Statiska metoder tostring() metoden javadoc
Föreläsning 5 (6) Metoder Metoder Parametrar Returvärden Överlagring Konstruktorer Statiska metoder tostring() metoden javadoc Metoder Deklarera public void setnamn(string n) Åtkomstmodifierare Returtyp
Läs merTentamen DE12, IMIT12, SYST12, ITEK11 (även öppen för övriga)
Grundläggande programmering med C# Provmoment: Ladokkod: Tentamen ges för: 7,5 högskolepoäng TEN1 NGC011 Tentamen DE12, IMIT12, SYST12, ITEK11 (även öppen för övriga) (Ifylles av student) (Ifylles av student)
Läs merIntroduk+on +ll JavaScript if- sats, funk+oner, bilder
Föreläsning i webbdesign Introduk+on +ll JavaScript if- sats, funk+oner, bilder Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se if- sats I en if- sats kan man kontrollera ee villkor
Läs merObjektorienterad programmering D2
Objektorienterad programmering D2 Laboration nr 2. Syfte Att få förståelse för de grundläggande objektorienterade begreppen. Redovisning Källkoden för uppgifterna skall skickas in via Fire. För senaste
Läs merBeräkningsvetenskap föreläsning 2
Beräkningsvetenskap föreläsning 2 19/01 2010 - Per Wahlund if-satser if x > 0 y = 2 + log(x); else y = -1 If-satsen skall alltid ha ett villkor, samt en då det som skall hända är skrivet. Mellan dessa
Läs merHur man skapar ett test i Test och quiz i Mondo 2.6
Hur man skapar ett test i Test ch quiz i Mnd 2.6 Snabbstart Under Test ch quiz, namnge ditt test under fältet Namn ch klicka senare på Skapa. Börja sedan med att gå igenm inställningarna, för att kmma
Läs merIntroduktion till integrering av Schenkers e-tjänster. Version 2.0
Introduktion till integrering av Schenkers e- Version 2.0 Datum: 2008-06-18 Sida 2 av 8 Revisionshistorik Lägg senaste ändringen först! Datum Version Revision 2008-06-18 2.0 Stora delar av introduktionen
Läs merRödGrön-spelet Av: Jonas Hall. Högstadiet. Tid: 40-120 minuter beroende på variant Material: TI-82/83/84 samt tärningar
Aktivitetsbeskrivning Denna aktivitet är utformat som ett spel som spelas av en grupp elever. En elev i taget agerar Gömmare och de andra är Gissare. Den som är gömmare lagrar (gömmer) tal i några av räknarens
Läs merManual Introduktionskurs SiteVision
Manual Introduktionskurs SiteVision sidan 1 Manual Introduktionskurs SiteVision 20141125 Version 3 Innehållsförteckning Logga in 2 Redigera text 3 Om bilder på ale.se 6 Lägga till en bild 7 Lägga till
Läs merKeyControl Sök person, nyckel eller cylinder
5 Sök person, nyckel eller cylinder 5.1 Sök person Det finns två huvudmetoder att söka person. Metod 1. Genom att bara skriva in t ex namn eller anställningsnummer direkt på tangentbordet. Sökning sker
Läs merAnvändarmanual Körjournal för iphone
Användarmanual Körjournal för iphone Innehållsförteckning 1 Beskrivning... 3 2 Inmatning/val av uppgifter...4 2.1 2.2 2.3 2.4 2.5 3 Resor...8 3.1 3.2 3.3 3.4 3.5 3.6 4 Navigering... 8 Startplats (Från)...
Läs mer"if"-satsen. Inledande programmering med C# (1DV402)
"if"-satsen Upphovsrätt för detta verk Detta verk är framtaget i anslutning till kursen Inledande programmering med C# vid Linnéuniversitetet. Du får använda detta verk så här: Allt innehåll i verket if-satsen
Läs merLösningar till uppgifterna sätts ut på kurssidan på nätet idag kl 13.00. Omtentamen i Programmering C, 5p, A1, D1, E1, Fri, Pr1, Te/Ek1, 040607.
1(8) ÖREBRO UNIVERSITET INSTITUTIONEN FÖR TEKNIK Lösningar till uppgifterna sätts ut på kurssidan på nätet idag kl 13.00. Denna tenta kommer att vara färdigrättad On 9/6 och kan då hämtas på mitt tjänsterum,
Läs merDagens föreläsning. Repetition. Repetition - Programmering i C. Repetition - Vad C består av. Repetition Ett första C-program
Dagens föreläsning Programmeringsteknik för Ingenjörer VT05 Föreläsning 3-4 Repetition Datatyper Uttryck Operatorer Satser Algoritmer Programmeringsteknik VT05 2 Repetition Repetition - Programmering i
Läs mer[MANUAL TILL LUVITS GRUNDFUNKTIONER]
2011 Eslövs kommun Gymnasie- och Vuxenutbildningsförvaltningen [MANUAL TILL LUVITS GRUNDFUNKTIONER] Manualen vänder sig till dig som är studerande vid Yrkeshögskolan, Komvux, Sfi, Särvux, Gymnasiet och
Läs merFör att kunna utföra en variable data printning böhöver du följande filer:
Printa Variabel Data Variabel data printning tillåter dig att byta infrmatinen ch data i ditt dkument eller i din bild för att skapa utskrifter med unika texter ch bilder i varje kpia. Denna funktinen
Läs merMMA132: Laboration 1 Introduktion till MATLAB
MMA132: Laboration 1 Introduktion till MATLAB De flesta numeriska metoder låter oss få en tillräckligt bra lösning på ett matematiskt problem genom att byta ut komplexa matematiska operationer med kombinationer
Läs merHandledning Miljömanualen på webben
Handledning Miljömanualen på webben Välkommen till Miljömanualen på webben. Det här dokumentet beskriver hur man använder Miljömanualen. Inloggning Börja med att logga in i avsedda fält uppe till höger
Läs merTentamen i Objektorienterad programmering
CHALMERS TEKNISKA HÖGSKOLA Datavetenskap TDA547 Tentamen i Objektorienterad programmering Lördagen 12 mars 2011, 8.30 12.30. Jourhavande lärare: Björn von Sydow, tel 0762/981014. Inga hjälpmedel. Lösningar
Läs merFör att skriva CSS-kod använder man sig av olika kommandon. Ett exempel på hur man kan skriva kod för att ändra textfärg kan vara:
Hemsida CSS Introduktion till Cascading Style Sheets (CSS) Detta är en mycket kort genomgång av CSS med exempel på hur sådan kod ska läsas och hur den kan användas på IdrottOnline-sidor. Är man ute efter
Läs mer3 Styrning av programflöde. Här exekveras satserna enligt först sats1 sedan sats2 och sist sats3.
3 Styrning av prgramflöde Ett prgram består av ett antal satser. När prgrammet körs exekveras satserna i den rdning sm de står. ; ; ; Här exekveras satserna enligt först sedan ch sist. Ofta måste man i
Läs merRegler vid verksamhetsövergång och ägarbyte
Regler vid verksamhetsövergång ch ägarbyte 1. Regler vid verksamhetsövergång ch ägarbyte... 2 1.1 Förutsättningar... 2 1.1.1 Regler gällande utfärdarnummer... 2 1.1.2 Regler sm gäller vid utfärdande av
Läs merLaboration 2 Grunderna i Photoshop
Mitthögskolan Institutionen för Informationsteknologi och medier. Jan-Erik Jonsson 060-14 87 90 Laboration 2 Grunderna i Photoshop Interaktiva multimedier v1.0 2001-11-27 lab_2.doc Sida 2/5 Allmänt Materialet
Läs merÖvningar i bilder och färger
Övningar i bilder och färger I dessa övningar ska du öva på att redigera några bilder för att anpassa dem till en webbplats. Bilderna kommer att beskäras på olika sätt, förändras i färguppsättning och
Läs merFöreläsning 1 & 2 INTRODUKTION
Föreläsning 1 & 2 INTRODUKTION Denna föreläsning Vad händer under kursen? praktisk information Kursens mål vad är programmering? Skriva små program i programspråket Java Skriva program som använder färdiga
Läs merFöreläsning 13 och 14: Binära träd
Föreläsning 13 och 14: Binära träd o Binärträd och allmänna träd o Rekursiva tankar för binärträd o Binära sökträd Binärträd och allmänna träd Stack och kö är två viktiga datastrukturer man kan bygga av
Läs merTentamen i. för D1 m fl, även distanskursen. fredag 13 januari 2012
1 of 6 Örebro universitet Akademin för naturvetenskap och teknik Thomas Padron-McCarthy (thomas.padron-mccarthy@oru.se) Tentamen i Programmering grundkurs och Programmering C för D1 m fl, även distanskursen
Läs merFöreläsning 2 Objektorienterad programmering DD1332. Typomvandling
metoder Föreläsning 2 Objektorienterad programmering DD1332 Array [modifierare] String metodnamn (String parameter) Returtyp (utdata typ) i detta fall String Indata typ i detta fall String 1 De får man
Läs merSAFE WORK. Instruktioner till personal - för dig som arbetar på ett entreprenadföretag 2013-04-09
SAFE WORK Instruktioner till personal - för dig som arbetar på ett entreprenadföretag 2013-04-09 Innehåll 1. Aktivera ett användarkonto, jag har en egen e-postadress...3 2. Aktivera ett användarkonto,
Läs merDela, samarbeta, byt. Bruksanvisning för administratörer
Dela, samarbeta, byt Bruksanvisning för administratörer När du har skapat en användare och valt lösenord, samt bekräftat e-post meddelandet blir du inloggad på en sida med bland annat detta gulmarkerade
Läs merLabora&on 2 HTML och validering övningar/uppgi:er
Labora&on 2 HTML och validering övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det
Läs merFinansinspektionen P.O. Box 7821 SE-103 97 Stockholm [Brunnsgatan 3] Tel +46 8 787 80 00 Fax +46 8 24 13 35 finansinspektionen@fi.se www.fi.
RAPPORTERINGSFLÖDE Det här dokumentet beskriver vilka steg som genomförs vid inlämnande av rapport samt de kontroller och valideringar som sker. Dokumentet har skapats för att tydligare förklara flödet,
Läs merTänk på följande: Det finns en referensbok (Java) hos tentavakten som du får gå fram och läsa men inte ta tillbaka till bänken.
Tentamen Programmeringsteknik I 2015-01-10 Skrivtid: 8.00 13.00 Hjälpmedel: Java-bok Tänk på följande: Det finns en referensbok (Java) hos tentavakten som du får gå fram och läsa men inte ta tillbaka till
Läs merARKIV DIGITAL - att släktforska i färg
ARKIV DIGITAL - att släktfrska i färg Av släktfrskare För släktfrskare Arkiv Digital har tillkmmit för att förverkliga en släktfrskares dröm m att kunna läsa arkivmaterial på sin datr, sm m han hade bken
Läs merINNEHÅLLSFÖRTECKNING. Version 1
MANUAL DPST INNEHÅLLSFÖRTECKNING Att logga in...2 Kund vill lämna in (förregistrerat paket)... 3 Kund vill lämna in paket (ej förregistrerat)... 7 Kund hämtar ut paket (ej VaruEfterKrav)... 12 Kund hämtar
Läs merJavisst! Uttrycken kan bli komplicerade, och för att få lite överblick över det hela så gör vi det så enkelt som möjligt för oss.
8-2 Förenkling av uttryck. Namn: eller Konsten att räkna algebra och göra livet lite enklare för sig. Inledning I föregående kapitel lärde du dig vad ett matematiskt uttryck är för någonting och hur man
Läs merAtt använda laget.se
2012 Att använda laget.se för ungdomsledare i MSSK Dokumentet är framtaget för att hjälpa till att förenkla användningen av lagens webbsidor. Har du förslag på ändringar eller ser felaktigheter kan du
Läs merUTVECKLINGSSTADIUM 3: TEKNIKSKOLAN
UTVECKLINGSSTADIUM 3: TEKNIKSKOLAN Teknikinlärning ch fysisk aktivitet Tekniksklan riktar sig till verksamhet för barn i cirka 7-12 års ålder, sm genm målrelaterade lekar ch övningar vidareutvecklar grunderna
Läs merLaboration 1. Webbprodution Struktur & innehåll HT2015
Laboration 1 Webbprodution Inledning Denna inledande laboration syftar i mångt och mycket till att du ska känna dig bekväm med den laborationsmiljö ni blivit introducerat inför. De inledande uppgifterna
Läs merChapter 3: Using Classes and Objects
Chapter 3: Using Classes and Objects I dessa uppgifter kommer du att lära dig om hur man använder klasser och metoder från java biblioteket. Du kommer inte att förstå allt som händer bakom metod anrop
Läs merFler introducerande övningar i HTML
Fler intrducerande övningar i HTML Hittills har vi talat m kder i HTML ch ibland kallat dem taggar. Vi har då menat de kder sm skrivs inm < ch >, sm t.ex. ch . Ibland behöver vi dck vara lite mer
Läs merStatistikens grunder 1 och 2, GN, 15 hp, deltid, kvällskurs
Statistikens grunder 1 och 2, GN, 15 hp, deltid, kvällskurs TE/RC Datorövning 4 Syfte: 1. Lära sig beräkna konfidensintervall och täckningsgrad 2. Lära sig rita en exponentialfördelning 3. Lära sig illustrera
Läs merIntroducerande övningar i HTML
Introducerande övningar i HTML En webbsida består av en textfil som innehåller sidans text och koder i språket HTML, för att formatera innehållet. Har man bilder på sidan, så finns de som separata filer
Läs merSå fyller du i ansökan om andrahandsuthyrning:
Så fyller du i ansökan m andrahandsuthyrning: Tänk på att en kmplett ansökan måste innehålla blanketterna Ansökan m andrahandsuthyrning (alternativt Ansökan m enkel andrahandsuthyrning) samt Avtal m andrahandsuthyrning.
Läs merLathund för att arbeta med pdf
Lathund för att arbeta med pdf Till Riksstämman 2016 är alla handlingar digitala, närmare bestämt i PDF-format. I den här lathunden får du som använder en PC/Mac tips och råd om hur du lättast går tillväga
Läs merDigitala verktyg i musik
DISKUSSIONSUNDERLAG FÖR GRUNDSKOLAN Diskutera Digitala verktyg i musik I Lgr 11, del 2.2 m kunskaper står det att sklan ska ansvara för att varje elev efter genmgången grundskla kan använda mdern teknik
Läs mer