JavaScript - Основы, как это работает и как тестировать.

HTML, CSS и JavaScript - Примеры, уроки, описания

Удивительная штука этот JavaScript!
Раньше не доводилось им заниматься, но вот случилось. Добрый человек объяснил основы: как что-то эдакое написать, протестировать и посмотреть работоспособность, прямо на коленке.

Здесь приведу пример, чтобы самому не забыть, на память (так сказать). И для общественности, вдруг кому нибудь пригодится.

Это невероятно просто! Синтаксис JavaScript похож на Си. Сложности в понимании и чтении кода не представляет. Поэтому сразу перейду к делу, напишем небольшую функцию для вычисления корней квадратного уравнения.

Пример (Создаем файл index.html с содержимым приведенным ниже):

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Тест Java Script Console</title>
 
  </head>
  <body>
    Тестируем JavaScript!
   
    <script>
	    function solve(a,b,c)
	    {
	           
	        var D = b*b-4*a*c;
	       
	        if (D<0)
	        {
        	    console.log(":(");
	        }
	        else
	        {
	            console.log("x1 = " + (-b-Math.sqrt(D))/(2*a));
	            console.log("x2 = " + (b-Math.sqrt(D))/(2*a));
	        }
	    }
    </script>
   
  </body>
</html>


Внутри тегов «script» приведен код функции solve(), которая находит корни квадратного уравнения.

Сохраняем и открываем файл в браузере (я использую Googlr Chrome, подойдет и FireFox).

Видим это:
Тестируем JavaScript

Далее самое интересное, открываем консоль в браузере сочетанием клавиш Ctrl+Shift+I, в Google Chrome увидим вот это:
Инструменты разработчика
Это «Инструменты разработчика». Нас в данном случае интересует вкладка Console.

Находим эту самую консоль и просим выполнить нашу функцию с параметрами, и вуаля!
Выполняем JavaScript из Console в Google Chrome

Написанная нами функция выполнилась и в консоле появились значения корней квадратного уравнения.

Вообще в консоль можно писать простые выражения, и всё это будет посчитано, выполнять любые функции JavaScript.

Вот и всё.

В следующей публикации расскажу как связать нашу функцию со страницей, делать ввод данных со страницы и вывод данных на странице.

Вопросы и комментарии приветствуются. :)

Вторая часть публикации (продолжение): JavaScript — Основы, как это работает и как тестировать (Часть 2).

JavaScript HTML Тестирование

Оставить первый комментарий:

Работа с Postgresql в C#

Не так давно занялся разработкой приложения на C# работающего на базе PostreSQL, появилась информаци (читать далее...)

1023  
Работа со строками в Oracle (PL/SQL)

Основные способы обработки строковых значений в Oracle. В этой публикации я приведу основные функции (читать далее...)

841  
Пример простого калькулятора на Java Script (исключительно в учебных целях).

В этой публикации продемонстрировано, как при помощи bootstrap и довольно простого кода на JavaScrip (читать далее...)

142  
Bootstrap DateTimePicker - пример выбора только месяца из выпадающего меню.

В данном примере будет продемонстрировано, как сделать выпадающее меню выбора только месяца, без чис (читать далее...)

107  
JavaScript - Основы, как это работает и как тестировать (Часть 2).

В предыдущей части мы уже рассмотрели как добавить и отладить JavaScript код на страницу с использов (читать далее...)

76