Javascript

Koji Film Vidjeti?
 

Javascript je programski jezik koji se koristi za oživljavanje web stranica. Vidite ga na djelu svaki put kad posjetite web mjesto koje ima bilo kakvu interakciju. Učenje Javascripta je brzo, jednostavno i zabavno jer već imate sve alate potrebne na računalu i odmah vidite rezultate. Isprobajte donji jednostavni primjer korak po korak i krećete!

Preuzimanje softvera:Nijedan nije potreban

Trošak:Besplatno

Upute za postavljanje softvera:Nijedan nije potreban

Hardverski zahtjevi:PC, Mac, Robotic, Mobile device

Podržani operativni sustavi:Win, Mac, Linux

Razina težine:1 od 5


PROBAJ!

1. Stvorite mapu na tvrdom disku - nazovite je “JS Demo”

2. Kopirajte ovaj Javascript kôd:

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

I zalijepite u svoj omiljeni uređivač teksta. Windows notepad dobro funkcionira.

3. Spremite datoteku kao “JS-Example.js” u novu mapu koju ste kreirali u koraku 1.

4. Sada kopirajte ovaj HTML kôd:

       Example Javascript Program for Boy Scout Merit Badge       	 	

Javascript Programming Example

Enter Temperature (°F):

I zalijepite u svoj omiljeni uređivač teksta. Windows notepad dobro funkcionira.

5. Spremite ovaj HTML kôd u istu mapu i nazovite ga “JS-HTML.htm”

6. Dvaput kliknite na JS-HTML datoteku da biste pokrenuli preglednik. Unesite temperaturu i kliknite gumb GO da biste vidjeli rezultat. Pokušajte s nekoliko različitih temperatura.


O PROGRAMU - ŠETNJA KROZ

1. HTML datoteka definira tekst i informacije o oblikovanju za jednostavnu web stranicu. Možete promijeniti sve što želite da vidite kako to utječe na oblikovanje stranice. Ovo zapravo nije programiranje, ali zabavno je igrati se s njim. To:

a. Stvara naslov web stranice
b. Govori HTML kodu da koristi Javascript i gdje ga može pronaći
c. Oblikuje prikazani tekst
d. Određuje okvir za unos teksta s ID = 'MyInputTemp' (Javascript će to trebati)
e. Određuje gumb s oznakom 'Kreni!'
f. Kad se pritisne tipka miša, pokreće javascript bePrepared () funkciju
g. prikazuje niz u 'myAnswer' koji je stvoren u javascript programu.

2. Javascript datoteka ima jednu funkciju koja se naziva 'bePrepared ().' Pokreće se kad god se klikne gumb GO (pogledajte metodu 'onclick' za oznaku 'input' = 'Button' u HTML datoteci da biste vidjeli poziv funkcije).

3. Funkcija „bePrepared ()“

a. Dobiva vrijednost unesenu u oznaku 'Ulaz' - 'Tekst' koristeći njegov ID: 'MyInputTemp'
b. Vrijednost se pretvara u Celcius (s jednim decimalnim mjestom).
c. Vrijednost Celzija procjenjuje se s nizom izjava o IF-u, a varijabla: 'myActionText' dodjeljuje se predložena radnja.
d. Rečenica se kreira kombiniranjem ili 'spajanjem' nekog statičnog teksta zajedno s vrijednostima temperature (stupnjevi F i stupnjevi C) i radnom frazom.
e. Nova fraza umetnuta je u posljednji redak HTML stranice pomoću ID-a oznake u tom retku: 'myAnswer'


POKUŠAJ OVO

1. Promijenite temperature korištene u odlukama - na primjer promijenite nižu temperaturu s 60 na 30 stupnjeva. Obavezno ga promijenite na dva mjesta! Spremite datoteku i osvježite preglednik (ili ponovno pokrenite web stranicu) i unesite nove brojeve - jesu li se odgovori promijenili na novoj temperaturi?

2. Stvorite novi raspon temperatura od 30 do 60 stupnjeva i neka se na njemu prikaže - 'Ponesite šešir i rukavice!'

3. Promijenite tekst fraza.

4. Dodajte još jedan unos teksta - na primjer, zatražite brzinu vjetra.

5. Dodajte neke uvjetne izjave koje procjenjuju faktor hladnoće vjetra.

6. Dodajte malo teksta za prikaz rezultata prohlade vjetra.


SAZNAJTE VIŠE

W3schools.com - Dobro organizirani vodič s puno radnih primjera i izvornog koda

Webmonkey - Petodijelni vodič za Javascript


RESURSI, SAVJETI, TRIKOVI I SAVJETE

1. Google Chrome ima urednu značajku.

- Instalirajte Google Chrome ako ga već nemate.

- Otvorite gornji primjer JS-HTML-a u Google Chromeu (Desni klik na JS-HTML datoteku koju ste gore kreirali i odaberite “Open With ..” i odaberite Chrome)

- Kliknite postavke >> Alati >> Javascript konzola

Ovo otvara prozor konzole koji prikazuje poruke o pogreškama (i hrpu drugih alata) koji će vam pomoći u uklanjanju pogrešaka u kodu.

Ova je konzola vrlo korisna pri uklanjanju pogrešaka u pogreškama javascripta. Većina preglednika ima dodatke koji rade slične stvari.

2. Notepad ++ izvrstan je uređivač besplatnog teksta dizajniran posebno za programere. Pogledajte ovdje .