Что такое 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. Переменная (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']) } }