Куда добавить скрипт в html

  • Как только браузер встречает тег ‹script›, он перестает интерпретировать тег html и сначала обрабатывает файл JavaScript.
  1. Добавить в ‹head›
  • Если я помещаю console.log в файл JavaScript с помощью querySelector, я получаю null
  • Файл JavaScript должен сначала вывести информацию из html для работы, но браузер сначала запускает журнал консоли, прежде чем браузер завершит чтение тегов html.

2. Добавьте ‹body› прямо перед тем, как закрыть свой тег.

  • console.log дает то, что я ищу, поэтому всегда говорите так!

Проверка формы

Шаг 1. Составьте интерфейс

  • необходимый шаг при сотрудничестве
  • показывает все разные статусы

:корень

  • позволяет вам установить переменную, которую вы будете часто использовать, чтобы вы могли сэкономить время на постоянный ввод

дисплей: нет / дисплей: блок

  • позволяет настроить CSS, который будет отображаться в определенное время

Шаг 2. Создайте функцию для проверки формы

  • вернуть как логическое значение, так как эта функция предназначена только для действительного / недействительного

ссылка: https://stackoverflow.com/questions/19605150/regex-for-password-must-contain-at-least-eight-characters-at-least-one-number-a

Проверить номер телефона

Проверить идентификационный номер

Проверить карту Visa или Master Card

ссылка: https://www.w3resource.com/javascript/form/credit-card-validation.php

Шаг 3. Подключите элементы Ul к событию

  • используйте querySelector для вызова HTML-формы элемента и подключения к обработчику событий

onkeydown

  • срабатывает, когда пользователь нажимает клавишу на клавиатуре
  • onkeydown (버튼 이 내려갈 때) - ›onkeypress (눌 렸을 때) -› onkeyup (땠 을 때)

onkeyup

  • срабатывает, когда пользователь отпускает клавишу, которая была нажата ранее

onkeypress

  • должен срабатывать, когда пользователь нажимает клавишу на клавиатуре. Однако на практике браузеры не запускаются для определенных клавиш, таких как командные клавиши.

по изменению

  • срабатывает, когда пользователь фиксирует изменение значения в элементе управления формы
  • Может быть, подходит для проверки формы пароля…?

по щелчку

  • возникает, когда пользователь нажимает на элемент

onmousedown

  • срабатывает, когда пользователь нажимает кнопку мыши

onmouseup

  • срабатывает, когда пользователь отпускает кнопку мыши

Шаг 4. Создайте функцию для визуальной обратной связи

  • после проверки формы вам необходимо предоставить пользователям надлежащую обратную связь

для каждого

  • выполняет предоставленную функцию один раз для каждого элемента массива.
  • возвращает undefined, потому что действие происходит во время итерации
  • 함수 리턴 값 은 하나 의 값 이지만, 순회 를 돌면 절대 하나 의 값 이 나오지 않음. 나온 다면 Карта 이랑 동일 함. forEach 사용 하므로, 원하는 기능 을 각각 의 배열 에 적용 시킴. 리턴 값 은 undefined 이므로, 만약 forEach 로 return 값 을 구 하려고 하면 실행 안됨 !!!!!!!!

EventTarget.addEventListener ()

  • с помощью этого метода он создает объект события
  • когда вы хотите что-то сделать, когда вы нажали
  • если вы хотите использовать несколько функций с помощью одной кнопки