Javascript

Javascript on programmeerimiskeel, mida kasutatakse veebisaitide elavdamiseks. Näete seda toimimas iga kord, kui külastate veebisaiti, millel on mingisugune suhtlus. Javascripti õppimine on kiire, lihtne ja lõbus, sest kõik vajalikud tööriistad on teie arvutis juba olemas ja näete tulemusi koheselt. Proovige allpool toodud lihtsat samm-sammult näidet ja olete teel!

Laadige alla tarkvara:Keegi pole vajalik

Maksumus:Tasuta

Juhised tarkvara seadistamiseks:Keegi pole vajalik

Riistvaranõuded:PC, Mac, robot, mobiilseade

Toetatud operatsioonisüsteemid:Win, Mac, Linux

Raskusaste:1 viiest


PROOVI SEDA!

1. Looge kõvakettale kaust - nimetage seda 'JS Demo'

2. Kopeerige see Javascripti kood:

 // 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;     }; 

Ja kleepige oma lemmiktekstiredaktorisse. Windowsi märkmik töötab hästi.

3. Salvestage fail nimega “JS-Example.js” 1. toimingus loodud uude kausta.

4. Nüüd kopeerige see HTML-kood:

       Example Javascript Program for Boy Scout Merit Badge       	 	

Javascript Programming Example

Enter Temperature (°F):

Ja kleepige oma lemmiktekstiredaktorisse. Windowsi märkmik töötab hästi.

5. Salvestage see HTML-kood samasse kausta ja nimetage seda JS-HTML.htm

6. Topeltklõpsake brauseri käivitamiseks JS-HTML-failil. Sisestage temperatuur ja tulemuse nägemiseks klõpsake nuppu GO. Proovige mitut erinevat temperatuuri.


PROGRAMMI KOHTA - JALUTAMINE LÄBI

1. HTML-fail määratleb lihtsa veebilehe teksti ja vormindusteabe. Saate muuta kõike, mida soovite näha, kuidas see mõjutab lehe vormindamist. See ei ole tegelikult programmeerimine, kuid see on lõbus mängida. See:

a. Loob veebisaidile pealkirja
b. Käsib HTML-koodil kasutada Javascripti ja koodi leidmise kohta
c. Vormindab kuvatava teksti
d. Määrab tekstikasti ID = 'MyInputTemp' (seda vajab Javascript)
e. Määrab nupu, millel on silt „Mine!”
f. Kui hiire nuppu vajutatakse, käivitab funktsioon javascript bePrepared ()
g. kuvab stringi failis „myAnswer”, mis on loodud javascripti programmis.

2. Javascripti failil on üks funktsioon nimega “bePrepared ()”. Seda käivitatakse igal ajal, kui nupul GO klõpsatakse (funktsioonikõne nägemiseks vaadake HTML-faili sildi “input” = “Button” meetodit “onclick”.)

3. Funktsioon “bePrepared ()”

a. Saab märgendile „Sisend” - „Tekst” sisestatud väärtuse, kasutades selle ID-d: “MyInputTemp”
b. Väärtus teisendatakse Celsiuse järgi (ühe kümnendkohaga).
c. Celsiuse väärtust hinnatakse IF-lausete seeriatega ja muutujale määratakse soovitatud toimefraas: myActionText
d. Lause luuakse mõne staatilise teksti kombineerimisel või „liitmisel“ koos temperatuuri väärtustega (deg F ja Deg C) ning tegevusfraasiga.
e. Uus fraas lisatakse HTML-lehe viimasele reale, kasutades sellel real oleva sildi ID-d: “myAnswer”


PROOVI SEDA

1. Muutke otsustes kasutatavaid temperatuure - muutke madalamat temperatuuri näiteks 60 kraadilt 30 kraadile. Muutke seda kindlasti kahes kohas! Salvestage fail ja värskendage brauserit (või taaskäivitage veebileht) ja sisestage uued numbrid - kas vastused muutusid uuel temperatuuril?

2. Looge uus temperatuurivahemik 30–60 kraadi ja laske sellel kuvada - „Võtke kaasa müts ja kindad!”

3. Muutke fraaside sõnastust.

4. Lisage veel üks tekstisisestus - küsige näiteks tuule kiirust.

5. Lisage mõned tingimuslaused, mis hindavad tuulekülma tegurit.

6. Lisage veidi teksti, et kuvada tuulekülma tulemus.


UURI LISAKS

W3schools.com - Hästi korraldatud õpetus, kus on palju töötavaid näiteid ja lähtekoodi

Veebimonkey - viieosaline Javascripti õpetus


RESSURSID, NÕUANDED, NIPPID JA NÕUANDED

1. Google Chrome'il on korralik funktsioon.

- Installige Google Chrome, kui teil seda veel pole.

- Avage ülaltoodud JS-HTML-i näide Google Chrome'is (paremklõpsake ülaltoodud JS-HTML-failil ja valige 'Ava koos ..' ja valige Chrome)

- Klõpsake valikutel Seaded >> Tööriistad >> Javascripti konsool

See avab konsooliakna, mis kuvab veateateid (ja veel hulga muid tööriistu), et aidata teil koodi siluda.

Sellest konsoolist on javascripti vigade silumisel palju abi. Enamikul brauseritest on pistikprogrammid, mis teevad sarnaseid asju.

2. Notepad ++ on suurepärane tasuta tekstiredaktor, mis on loodud spetsiaalselt programmeerijatele. Vaadake seda siit .