Что такое JAVASctipt?

Как я уже говорил, HTML — это своего рода «фрейм», а CSS — «украшение».

JavaSctript — это «Движение» или «Активность».

Если вы хотите активировать кнопку клика на веб-сайте, вам следует использовать JavaScript.

Как использовать сценарий Java

Java Script вводится между ‹script› и ‹/script›

  • Коснитесь консоли Google так же, как и на экране Pycham.

под ‹/style› введите

<script>
function hey(){
alert('Hello')
}

внутри типа «кнопка»

type on click="hey()"

Вы можете увидеть «Hello» в виде всплывающего окна.

‹5 типов JAVA Scipt Grammer›

  1. Переменная: базовый расчет: включает значение
  2. Тип данных: список и словарь: цифры или символы
  3. Функция: напр. Привет()
  4. условное утверждение: упр. если еще()
  5. оператор цикла: сделать снова и снова: напр. для

1. Переменная (VAR)

let a = 2
let b = 3
a+b

let first_name = 'NINA'
let last_name = 'KWON'
first_name+last_name

a+first_name
b+last_name

2. Тип данных

  • Список ; выровнять по порядку

(1) создайте a_list и посмотрите, какой у a_list номер 1

let a_list = ['star', 'sky', 'ocean']
a_list[1]

ответ "небо".

Он начинается с 0.

(2) нажмите другие ингредиенты, такие как «луна», и проверьте это. работало хорошо или нет.

a_list.push('moon')
a_list

· Словарь ; КЛЮЧ: ЗНАЧЕНИЕ

Словарь присваивает «имя» и «значение».

let a_dict = {'name':'nina', 'age':25}
a_dict['name']
a_dict['height'] = 165
a_dict

3. функция

function hey(){
alert('Hello!')
}

function sum(a,b){
alert(a+b)
}

function sum(a,b){
alert('calculate it')
}
let result = sum(2,3)
alert(result)

  • если вы считаете окно с предупреждением неудобным, просто поменяйте местами [alert] и [console.log]

4. условное утверждение; если()~ иначе()

function is_adult(age){
if (age > 20) {
alert('adult user')
} else {
alert('teenage user')
}
}

5. оператор цикла (более 90% используется с типом «список»)

цикл до длины списка

    let a_list = ['apple', 'pear', 'persimmon', 'strawberry']
    for (let i = 0; i < a_list.length; i++) {
      alert(a_list[i])

Давайте попрактикуемся еще в одном

имена и баллы

    let scores = [
      {'name': 'nina', 'score': 90},
      {'name': 'mint', 'score': 85},
      {'name': 'simba', 'score': 70},
      {'name': 'whistle', 'score': 50},
      {'name': 'tturim', 'score': 68},
      {'name': 'nunnu', 'score': 30},
    ]

   for (let i = 0; i < scores.length; i++) {
      console.log(scores[i])
    }
let scores = [
      {'name': 'nina', 'score': 90},
      {'name': 'mint', 'score': 85},
      {'name': 'simba', 'score': 70},
      {'name': 'whistle', 'score': 50},
      {'name': 'tturim', 'score': 68},
      {'name': 'nunnu', 'score': 30},
    ]

   for (let i = 0; i < scores.length; i++) {
      console.log(scores[i]['score'])
    }

показать только более 70 баллов

let scores = [
   {'name': 'nina', 'score': 90},
   {'name': 'mint', 'score': 85},
   {'name': 'simba', 'score': 70},
   {'name': 'whistle', 'score': 50},
   {'name': 'tturim', 'score': 68},
   {'name': 'nunnu', 'score': 30},
 ]

for (let i = 0; i < scores.length; i++) {
  if (scores[i]['score'] > 70) {
  console.log(scores[i]['name'])
 }
}