Fagets Informationsteknologi – IT som værktøj

 

Lektion 9

 

Denne forelæsning er en introduktion til programmering og til web programmeringssproget JavaScript.

 

Slides til forelæsningerne findes her og her.

 

Litteratur

 

Der findes utallige bøger og hæfter som introducerer programmering (f.eks. hæftet ”Programmør på en weekend”, af Ove G. Jensen, som udkommer snart på forlaget IDG). Disse hæfter behandler oftest kun et enkelt programmeringssprog, f. eks. Visual Basic, Java, C++. Det nærmeste jeg er kommet til en general introduktion til programmering er, at finde på ScotlandSoftware’s web sider:

Introduction to Programming

 

Vi skal i denne kursusgang benytte JavaScript som introducerende programmeringssprog og for at arbejde videre med hjemmesider of web teknologi. Webstedet Java script tutorial for the total non-programmer giver en god introducerende on-line tutorial i JavaScript. For dem der vil lærer mere kan jeg anbefale at følge Webmonkey's programming : javascript on-line tutorial.

 

Hvis man hellere vil læse en bog giver ”JavaScript-bogen”, af Michael Moncur, udgivet på forlaget IDG, ISBN 87-7843-449-1 en meget god introduktion.

Opgaver og øvelser

 

Opgave 1

 

  1. Lav et web dokument med Notepad på din PC eller med vi (emacs eller pico) på Unix maskinen dolomit med følgende indhold:

 

<HTML>

<BODY>

<H1>My first JavaScript</H1>

<SCRIPT>

document.write("I can program a computer!<BR>");

</SCRIPT>

</BODY>

</HTML>

 

 

  1. Gem dokumentet i en fil, f. eks. FirstJS.html
  2. Kig på filen ved brug af din browser.
  3. Modificer scriptet  med

for (count=1; count<10; count++)

 

  1. Gem dokumentet og kig på det igen.
  2. Modificer document.write linien i scripted med

document.write("I can program a computer " + count + " times!<BR>")

 

  1. Gem dokumentet og kig på det igen.
  2. Modificer scriptet med

f=prompt("Please enter a number","");

for (count=1; count<f; count++)

  1. Gem dokumentet og kig på det igen.

 

 

Opgave 2

 

JavaScript kan også bruges til at lave beregninger.

Lav et JavaScript program der beder brugeren om at indtaste et tal.

Konverter tallet fra Fahrenheit grader til Celsius. Hint: brug formlen C=(5/9)*(F-32)

Udskriv både Fahrenheit grader og Celsius grader.

Brug flowcharts og pseudo code til at designe programmet.

Udvid programmet til at teste om det indtastede tal er over eller under frysepunktet. Hint frysepunktet i Fahrenheit er 32F

Hvis tallet er over frysepunktet udskriv ”above freezing”, hvis tallet er under frysepunktet udskrive ”below freezing”.

 

Opgave 3

 

            Fakultets talesekvensen n! er defineret som n! = n*(n-1)*(n-2)*…*1

            Lav et JavaScript program der beregner Fakultets tallet for et givet n

            Udvid programmet så det udskriver hele fakultets sekvensen for et givet n.

           

            Lav et program til at beregne Fibonachi talsekvensen. Hint: de første tal i sekvensen er 0, 1, 1, 2, 3, 5, 13, 21, 34, 55, 89, …

 

 

Opgave 4

 

            I kursusgangen om HTML (kursusgang 2) kiggede vi på formularer i HTML.

            JavaScript kan bruges til at checke formularer inden de sendes til en server.

            Nedenstående er en skabelon til at checke en formular med to felter

 

function checkform()

{

            if (value of first field is or isn't something)

            {

                        // something is wrong

                        alert('There is a problem with the first field');

                        return false;

            }

            else if (value of next field is or isn't something)

            {

                        // something else is wrong

                        alert('There is a problem with...');

                        return false;

            }

            // If the script gets this far through all of your fields

            // without problems, it's ok and you can submit the form

 

            return true;

}

 

            Brug onSubmit attributten for formularer som i følgende skabelon:

 

<form action="mailto:somebody@somewhere.com " onSubmit="return checkform()" METHOD=POST ENCTYPE=“text/plain”>

<input type="text" name="name">

<input type="text" name="email">

<INPUT TYPE=SUBMIT VALUE=“Send”>

</form>

 

            Lav en formular med to felter tekst felter, Name og Email Address, der kan sendes pr. email.

Check at der ikke står ”Bent Thomsen” i det første felt og at der ikke står ”bt@but.auc.dk” i det andet felt.