javascript - скаутско списание за живот

Javascript е език за програмиране, който се използва за оживяване на уебсайтове. Виждате го в действие всеки път, когато посетите уебсайт, който има някакво взаимодействие. Изучаването на Javascript е бързо, лесно и забавно, защото вече разполагате с всички необходими инструменти на компютъра си и виждате резултатите незабавно. Опитайте простия пример стъпка по стъпка по-долу и ще тръгнете!

Изтегляне на софтуер:Няма нужда

Цена:Безплатно

Инструкции за настройка на софтуера:Няма нужда

Хардуерни изисквания:PC, Mac, Robotic, Mobile device

Поддържани операционни системи:Win, Mac, Linux

Ниво на трудност:1 от 5

ОПИТАЙ!

1. Създайте папка на вашия твърд диск - наречете я „JS Demo“

2. Копирайте този Javascript код:

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

И поставете в любимия си текстов редактор. Windows notepad работи добре.

3. Запазете файла като “JS-Example.js” в новата папка, която създадохте в стъпка 1.

4. Сега копирайте този HTML код:

       Example Javascript Program for Boy Scout Merit Badge       	 	Javascript Programming Example
           Enter Temperature (°F):

И поставете в любимия си текстов редактор. Windows notepad работи добре.

5. Запазете този HTML код в същата папка и го наречете “JS-HTML.htm”

6. Щракнете двукратно върху JS-HTML файла, за да стартирате браузър. Въведете температура и щракнете върху бутона GO, за да видите резултата. Опитайте няколко различни температури.

ЗА ПРОГРАМАТА - РАЗХОД ЧРЕЗ

1. HTML файлът определя текста и информацията за форматиране за проста уеб страница. Можете да промените всичко, което искате, за да видите как влияе върху форматирането на страницата. Това всъщност не е програмиране, но е забавно да се играе. То:

а. Създава заглавие на уебсайта
б. Указва на HTML кода да използва Javascript и къде да намери кода
° С. Форматира показания текст
д. Посочва поле за въвеждане на текст с ID = “MyInputTemp” (Javascript ще се нуждае от това)
д. Посочва бутон с надпис „Go!“
е. Когато бутонът на мишката е натиснат, изпълнява функцията javascript bePrepared ()
ж. показва низа в “myAnswer”, който е създаден в javascript програмата.

2. Javascript файлът има една функция, наречена „bePrepared ().“ Той се изпълнява по всяко време, когато се щракне върху бутона GO (погледнете метода „onclick“ за маркера „input“ = „Button“ в HTML файла, за да видите извикването на функцията.)

3. Функцията „bePrepared ()“

а. Получава стойността, въведена в маркера „Input“ - „Text“, като използва неговия идентификатор: „MyInputTemp“
б. Стойността се преобразува в Целций (с един десетичен знак).
° С. Стойността на Целзий се изчислява със серия от IF Statements и предложената фраза за действие се присвоява на променливата: “myActionText”
д. Изречението се създава чрез комбиниране или „обединяване“ на някакъв статичен текст заедно със стойностите на температурата (deg F и Deg C) и фразата за действие.
д. Новата фраза се вмъква в последния ред на HTML страницата, като се използва идентификаторът на маркера на този ред: “myAnswer”

ОПИТАЙТЕ ТАЗИ

1. Променете температурите, използвани в решенията - променете например по-ниската от 60 на 30 градуса. Уверете се, че сте го сменили на две места! Запазете файла и опреснете браузъра (или рестартирайте уеб страницата) и въведете нови номера - промениха ли се отговорите при новата температура?

2. Създайте нов температурен диапазон от 30 до 60 градуса и го покажете - „Донесете шапка и ръкавици!“

3. Променете формулировката на фразите.

4. Добавете друго въвеждане на текст - поискайте например скоростта на вятъра.

5. Добавете някои условни отчети, които оценяват фактора на вятъра.

6. Добавете малко текст, за да покажете резултата от вятъра.

НАУЧЕТЕ ПОВЕЧЕ

W3schools.com - Добре организиран урок с много работещи примери и изходен код

Webmonkey - Урок по Javascript от пет части

РЕСУРСИ, СЪВЕТИ, ТРИКОВЕ И СЪВЕТИ

1. Google Chrome има изискана функция.

- Инсталирайте Google Chrome, ако вече го нямате.

- Отворете горния пример за JS-HTML в Google Chrome (Щракнете с десния бутон върху JS-HTML файла, който създадохте по-горе, и изберете „Отваряне с ..“ и изберете Chrome)

- Щракнете върху настройки >> Инструменти >> Javascript конзола

Това отваря прозорец на конзолата, който показва съобщения за грешки (и куп други инструменти), за да ви помогне да отстраните грешки в кода си.

Тази конзола е много полезна при отстраняване на грешки в javascript. Повечето браузъри имат приставки, които правят подобни неща.

2. Notepad ++ е страхотен безплатен текстов редактор, създаден специално за програмисти. Вижте тук .