Javascript

Hvilken Film Skal Man Se?
 

Javascript er et programmeringssprog, der bruges til at bringe websteder til liv. Du ser det i aktion hver gang du besøger et websted, der har nogen interaktion. Det er hurtigt, nemt og sjovt at lære Javascript, fordi du allerede har alle de nødvendige værktøjer på din computer, og du ser resultaterne med det samme. Prøv det enkle trinvise eksempel nedenfor, så er du på vej!

Download software:Ingen behov

Koste:Gratis

Instruktioner til installation af software:Ingen behov

Hardwarekrav:PC, Mac, robot, mobil enhed

Understøttede operativsystemer:Win, Mac, Linux

Sværhedsgrad:1 ud af 5


PRØV DET!

1. Opret en mappe på din harddisk - kalde den 'JS Demo'

2. Kopier denne Javascript-kode:

 // JavaScript Document // Note: lines that start with two backslashes are comments - not code!  var bePrepared = function () {        // = = = = = = = declare all the variables = = = = = = = =         var tempF, tempC, myActionText, newText;        //get the temp (F) from the HTML page        tempF = document.getElementById('MyInputTemp').value;         // = = = = = = = convert the temp to Celsius (with only one decimal place)        tempC = (5 / 9 * (tempF - 32)).toFixed(1);        // = = = = = = = evaluate the temp (three categories) = = = = = = =         if (tempF = 60) && (tempC = 75) {                 myActionText = ' Take Sunscreen!';             }        // = = = = = = = build a complete sentence = = = = = = =         newText = 'If the temperature is ' + tempF + ' °F (' + tempC + ' °C): ' + myActionText;       //push the sentence back to the HTML page (using the ID of the markup element: 'myAnswer')       document.getElementById('myAnswer').innerHTML = newText;     }; 

Og indsæt i din yndlings teksteditor. Windows notesblok fungerer fint.

3. Gem filen som “JS-Example.js” i den nye mappe, du oprettede i trin 1.

4. Kopier nu denne HTML-kode:

       Example Javascript Program for Boy Scout Merit Badge       	 	

Javascript Programming Example

Enter Temperature (°F):

Og indsæt i din yndlings teksteditor. Windows notesblok fungerer fint.

5. Gem denne HTML-kode i samme mappe, og kald den 'JS-HTML.htm'

6. Dobbeltklik på JS-HTML-filen for at starte en browser. Indtast en temperatur, og klik på GO-knappen for at se resultatet. Prøv flere forskellige temperaturer.


OM PROGRAMMET - EN TUR igennem

1. HTML-filen definerer tekst- og formateringsoplysningerne til en simpel webside. Du kan ændre alt, hvad du vil se, hvordan det påvirker formateringen af ​​siden. Dette er ikke rigtig programmering, men det er sjovt at lege med. Det:

en. Opretter en titel til hjemmesiden
b. Fortæller HTML-koden for at bruge Javascript, og hvor koden skal findes
c. Formaterer den viste tekst
d. Angiver et tekstindtastningsfelt med ID = “MyInputTemp” (Javascript har brug for dette)
e. Specificerer en knap mærket 'Gå!'
f. Når der trykkes på museknappen, kører funktionen javascript bePrepared ()
g. viser strengen i “myAnswer”, som oprettes i javascript-programmet.

2. Javascript-filen har en enkelt funktion kaldet 'bePrepared ().' Den køres når som helst der klikkes på GO-knappen (se 'onclick' -metoden for 'input' = 'Button' -tagget i HTML-filen for at se funktionsopkaldet.)

3. Funktionen “bePrepared ()”

en. Opnår værdien, der er indtastet i 'Input' - 'Text' -tagget ved hjælp af dets ID: 'MyInputTemp'
b. Værdien konverteres til Celcius (med en enkelt decimal).
c. Celsius-værdien evalueres med en række af IF-sætninger, og en foreslået handlingssætning tildeles variablen: “myActionText”
d. En sætning oprettes ved at kombinere eller 'sammenkæde' en statisk tekst sammen med temperaturværdierne (grader F og Deg C) og handlingsfrasen.
e. Den nye sætning indsættes på den sidste linje på HTML-siden ved hjælp af ID'et for tagget på den linje: 'myAnswer'


PRØV DETTE

1. Skift de temperaturer, der anvendes i beslutningerne - skift f.eks. Den lavere temperatur fra 60 til 30 grader. Sørg for at ændre det to steder! Gem filen og opdater browseren (eller genstart websiden), og indtast nye numre - ændrede svarene sig ved den nye temperatur?

2. Opret et nyt temperaturområde fra 30 til 60 grader, og få det til at vise - 'Bring hat og handsker!'

3. Skift sætningernes ordlyd.

4. Tilføj endnu en tekstindtastning - spørg f.eks. Om vindhastighed.

5. Tilføj nogle betingede udsagn, der vurderer vindkølingsfaktoren.

6. Tilføj lidt tekst for at vise vindkølingsresultatet.


LÆR MERE

W3schools.com - En velorganiseret tutorial med en masse arbejdsexempler og kildekode

Webmonkey - En fem-delig Javascript-tutorial


RESSOURCER, TIPS, TRICKS OG RÅD

1. Google Chrome har en pæn funktion.

- Installer Google Chrome, hvis du ikke allerede har det.

- Åbn ovenstående JS-HTML-eksempel i Google Chrome (højreklik på den JS-HTML-fil, du oprettede ovenfor, og vælg 'Åbn med ..' og vælg Chrome)

- Klik på indstillinger >> Værktøjer >> Javascript-konsol

Dette åbner et konsolvindue, der viser fejlmeddelelser (og en masse andre værktøjer) for at hjælpe dig med at debugge din kode.

Denne konsol er meget nyttig ved fejlfinding af javascript-fejl. De fleste browsere har plugins, der gør lignende ting.

2. Notepad ++ er en fantastisk friteksteditor designet specielt til programmører. Tjek det her .