GeekBrains
300*600
↑↑

↓↓
Флаг России Флаг Англии
🏠 | 💻 PC | Программирование |

Java Script

Ошибки

TicTacToe

Сортировка массива в JavaScript

Ctrl + Shift + I or F12 to open the Dev Tools

alert("Hello World!")

// is a comment

2**4 is 16

10/2
5

15 % 14
1
6%2
0

clear() - to clear the console //STRINGS "Django is cool"
"Django"+" is super cool"
"Django is super cool"

"django".length
6

"x x".length
3

"hello \n start a new line"
"hello
start a new line"

"hello \t give me a tab"
"hello    give me a tab"

"hello \"quotes\" "
"hello "quotes" "

"hello \" jelly"
"hello " jelly"

"hello"[0]
"h"

Strings

"hello"[4]
"o"

"look at the dog"[12]
"d"

Variables

//VARIABLES

// var varName = value;

var bankAccount = 100;

bankAccount
100

var deposit = 50;

var total = bankAccount + deposit

total
150

var greeting = "Welcome back: ";

var name = "Andrei";

alert(greeting+name);

var myVariable
undefined

var bonus = null;
undefined

Some methods

alert("Hey!")
undefined

console.log("Hey I am in the console");
Hey I am in the console

prompt("Enter something")
"I type some text here"

var age = prompt("Enter your age: ")
undefined

age
"111"

Connecting JavaScript to HTML

<script src="script.js"></script>

Inside the script file:

alert("Welcome to www.andreyolegovich.ru");

Ibs to kg

Скрипт

var weightInIbs = prompt("What is the weight in pounds?");
var weightInKg;
weightInKg = weightInIbs * 0.454;
alert("It is "+weightInKg+" kg");
console.log("Conversion completed");


Проверить здесь

Operators

true
true

false
false

3>2
true

2>3
false

2>2
false

2 >= 2
true

1 <= 3
true

2 == 2
true

"www.heihei.ru" == "www.heihei.ru"
true

"2" == 2
true

"2" === 2
false

5 !== "5"
true

5 != "5"
false

true == 1;
true

true === 1;
false

false == 0
true

false === 0
false

null == undefined
true

null === undefined
false

NaN == Nan
false

Logical operators

1 === 1
true

2 === 2
true


//AND
undefined

1 === 1 && 2 === 2
true

1===1 && 2===2 && 1===2
false

//OR
undefined

1 === 2 || 1 === 1
true

//NOT
undefined

(1===1)
true

!(1===1)
false

!!(1===1)
true

!!!!!(1===1)
false

Control Flow

IF statement

if (condition){
//Execute some Code
}
else if (condition two){
//Execute some other Code
}
else{
//Execute some backup Code
}

Example 1

let id == 100;
console.log(id === 100 ? 'CORRECT' : 'INCORRECT')

Example 1

let hot = false
let temp = 60


if (temp>80){
hot=true
}
console.log(hot)

Example 2

let hot = false
let temp = 100


if (temp>80){
console.log("Hot Outside!");
}
else if (temp <=89 && temp >=50) {
console.log(Average temp Outside");

}
else if (temp <50 && temp >=32){
console.log("Its pretty cold out!");
}
else {
console.log("Its very cold out!"}

While Loop

while (condition){
// Execute some code while
// this condition is true
}

Example 1

var x = 0;

while (x < 5){
console.log("x is currently: "+x);
console.log("x is still less than 5, adding 1 to x");


x = x+1;
}

Example 2

var x = 0;

while (x < 5){
console.log("x is currently: "+x);
if (x===3){console.log("X IS EQUAL TO THREE!");
break;

}
console.log("x is still less than 5, adding 1 to x");

x = x+1;
}

Example 3

// Write a while Loop that prints out
// only the even numbers from 1 to 10

var num = 1;

while (num < 11){

if (num%2 === 0){
console.log(num);

}
num = num+1;
}

For Loops

For Loops allow you to continually execute code a specific number of times.

Javascript has three types of For Loops:

For - loops throught a number of times
For/In - loops through a JS object
For/of - used with arrays

A quick note, previously we used the notation: num = num +1
num += 1
num++
These are all the same

For Loop Syntaxis

for (statement1;statement2;statement3){
// Execute some code
}

Statement 1 is executed before the loop (the code block) starts.

for (var i = 0;statement2;statement3){
// Execute some code
}

Statement 2 defines the condition for running the loop

for (var i = 0; i<5;statement3){
// Execute some code
}

Example 1

for (var i = 0; i < 5; i++){
console.log("Number is "+i);
}

Example 2

var word = "ABCDEFGHIJK"

for (var i = 0; i < word.length; i++){
console.log(word[i]);
}

Example 3

var word = "ABABABABAB"

for (var i = 0; i < word.length; i=i+2){
console.log(word[i]);
}

Spy Test

var LastName=prompt("Hello, please enter our Last Name"); console.log(LastName); var FirstName=prompt("Hello, please enter our First Name"); console.log(FirstName); var Age=prompt("Hello, please enter our Age"); console.log(Age); var Height=prompt("How tall are you?"); console.log(Height); var Pet=prompt("What is your pets name"); console.log(Pet); alert("Thank you so much for the information."); var nameCond = null var ageCond = null var heightCond = null var petCond = null if (LastName[0]===FirstName[0]) {nameCond=true;} else{nameCond=false;} if (Age<30&&Age>20){ageCond=true;} else{ageCond=false;} if (Height>170){heightCond=true;} else{heightCond=false;} if (Pet[Pet.length-1]==="y") {petCond=true;} else{petCond=false;} if (nameCond && ageCond && heightCond && petCond){ // My secret message console.log("Welcome Comrade! Youve passed the Spy Test") }else{ console.log("Sorry, nothing to see here.") }

Ошибки

Uncaught TypeError: Cannot read property 'textContent' of undefined

Такая ошибка может появиться по нескольким причинам. Самая простая - Вы подключили скрипт раньше чем на странице загрузились элементы, которые Вы выделяете.

Решение - вставить скрипт в конец страницы.

Вы нашли то, что искали на сайте?

Или оцените по десятибальной шкале

Если сайт не помог, извиняемся за потраченное время - хочу заверить, что мы стараемся не попадать в нерелевантные запросы, но тем не менее не всегда успеваем обновлять ключевые слова. Ну и контролировать поисковую выдачу, конечно, невозможно.

Например: у нас есть статья про аэропорт Хельсинки и про аэропорт Риги но в выдаче по Риге всё равно статья про Хельсинки.

Если статья Вам помогла, нажимайте ДА. Так мы поймём, что переделывать её не нужно.

Занятно наблюдать в вебвизоре, как люди копируют текст, например вежливого отказа в трудоустройстве на английском но игнорируют кнопку ДА.

Сделаем поиск лучше!

Контакты и сотрудничество:
Рекомендую наш хостинг beget.ru
Пишите на info@urn.su если Вы:
1. Хотите написать статью для нашего сайта или перевести статью на свой родной язык.
2. Хотите разместить на сайте рекламу, подходящуюю по тематике.
3. Реклама на моём сайте имеет максимальный уровень цензуры. Если Вы увидели рекламный блок недопустимый для просмотра детьми школьного возраста, вызывающий шок или вводящий в заблуждение - пожалуйста свяжитесь с нами по электронной почте
4. Нашли на сайте ошибку, неточности, баг и т.д. ... .......
5. Статьи можно расшарить в соцсетях, нажав на иконку сети:
Mebelaero
Finn Flare