Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                
              
            
!

CSS

              
                
              
            
!

JS

              
                var name = ('Работа с переменными');
console.log('Урок № 2 ' + name);


// 1. Создайте переменную num и присвойте ей значение 3. Выведите значение этой переменной на экран с помощью метода alert

var num = 3;
// alert(num);

//=======================
// 2. Создайте переменные a=10 и b=2. Выведите на экран их сумму, разность, произведение и частное (результат деления).

var a = 10, b = 2;
c = a + b;
console.log(c);
c = a - b;
console.log(c);
c = a * b;
console.log(c);
c = a / b;
console.log(c);

//=======================
// 3. Создайте переменные c=15 и d=2. Просуммируйте их, а результат присвойте переменной result. Выведите на экран значение переменной result.

var c = 15, b = 2;
var result;
result = c + b;
console.log(result);

//=======================
// 4. Создайте переменные a=10, b=2 и c=5. Выведите на экран их сумму.

var a = 10, b = 2, c = 5;
var result = a + b + c;
console.log(result);

//=======================
// 5. Создайте переменные a=17 и b=10. Отнимите от a переменную b и результат присвойте переменной c. Затем создайте переменную d, присвойте ей значение 7. Сложите переменные c и d, а результат запишите в переменную result. Выведите на экран значение переменной result.

var a = 17, b = 10;
var c = a - b;
var d = 7;
var result = c + d;
console.log(result);

//=======================
var name = ('Работа со строками');
console.log(name);

//=======================
// 6. Создайте переменную str и присвойте ей значение 'Привет, Мир!'. Выведите значение этой переменной на экран
var str = 'Привет Мир!';
console.log(str);

//=======================
// 7. Создайте переменные str1='Привет, ' и str2='Мир!'. С помощью этих переменных и операции сложения строк выведите на экран фразу 'Привет, Мир!'.
var stringOne = 'Привет, ', stringTwo = 'Мир!';
console.log(stringOne + stringTwo);

//=======================
// 8. Создайте переменную name и присвойте ей ваше имя. Выведите на экран фразу 'Привет, %Имя%!'.
var name = 'Denis';
console.log('Привет, ' + name);

//=======================
// 9. Создайте переменную age и присвойте ей ваш возраст. Выведите на экран 'Мне %Возраст% лет!'
var age = 30;
// alert('Мне, ' + age + ' лет!');

//=======================
var name = ('Функция prompt');
console.log(name);
//=======================

// 10. Спросите имя пользователя с помощью методы prompt. Выведите с помощью alert сообщение 'Ваше имя %имя%'.
var userName = prompt('Как вас зовут?');
console.log('Ваше имя ' + userName);

//=======================
// 11. Спросите у пользователя число. Выведите с помощью alert квадрат этого числа.
var number = prompt('Напишите любое число');
console.log('Число ровно ' + number * number);

//=======================
var name = ('Обращение к символам строки');
console.log('Урок № 1 ' + name);

//=======================
// 12. Создайте переменную str и присвойте ей значение 'abcde'. Обращаясь к отдельным символам этой строки выведите на экран символ 'a', символ 'c', символ 'e'.

var string = 'abcde';
console.log(string[0]);
console.log(string[2]);
console.log(string[4]);

//=======================
// 13. Создайте переменную num и присвойте ей значение '12345'. Найдите произведение (умножение) цифр этого числа.

var num = '12345';
console.log(num[0] * num[1] * num[2] * num[3] * num[4]);


//=======================
var name = ('Практика');
console.log(name);
//=======================

// 14. Напишите скрипт, который считает количество секунд в часе, в сутках, в месяце.

var sec = 60;
var hour = 60;
var day = 24;
var month = 30;
console.log('Hour = ' + sec * hour + ' second');
console.log('Day = ' + sec * hour * day + ' second');
console.log('Month = ' + sec * hour * day * month + ' second');

//=======================
// 15. Создайте три переменные - час, минута, секунда. С их помощью выведите текущее время в формате 'час:минута:секунда'.

var hour = '09';
var minute = '25';
var second = '33';
console.log(hour + ':' + minute + ':' + second);

//=======================
// 16. Создайте переменную, присвойте ей число. Возведите это число в квадрат. Выведите его на экран.
var num = 4;
console.log(num * num);


//=======================
var name = ('Работа с присваиванием и декрементами');
console.log(name);
//=======================


// 17. Переделайте этот код так, чтобы в нем использовались операции +=, -=, *=, /=. Количество строк кода при этом не должно измениться.
var num = 47;
num += 7;
num -= 18;
num *= 10;
num /= 15;
console.log(num);
//=======================

// 18. Переделайте этот код так, чтобы в нем использовались операции ++ и --. Количество строк кода при этом не должно измениться.
var num = 10;
num++;
num++;
num--;
console.log(num);

              
            
!
999px

Console