<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>기본 이벤트 제어</title>
<!-- css 파일을 불러오는 코드 -->
<!-- 아이콘 사용을 위한 Font Awesome 6 CDN -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<!-- 구글 웹 폰트 사용을 위한 CDN -->
<!-- 내가 만든 CSS 파일-->
<link rel="stylesheet" type="text/css" href="./css/reset.css">
<link rel="stylesheet" type="text/css" href="./css/commons.css">
<link rel="stylesheet" type="text/css" href="./css/test.css">
<style>
</style>
<!-- javascript 작성 공간 -->
<script>
//자바스크립트는 자료형 구분을 안하기 때문에 반환형이 필요없다
//return true;//허용
//return false;//차단
function checkMove() {
//확인창
var choice = confirm("정말 이동할거에요?");
//console.log(choice);
if(choice == false) {
return false;
}
return true;
}
function checkForm() {
var input = document.querySelector("[name=keyword]");
//if(input에 입력값이 없다면) {
//if(input.value.length == 0) {//입력 글자수가 0이라면
//if(input.value == "") {//입력값이 공백이라면
//if(input.value == false) {//입력값이 부정적인 값이라면
if(!input.value) {
alert("값을 입력하세요!");
return false;
}
return true;
}
</script>
</head>
<body>
<div class="container w-500">
<div class="row">
<h1>기본 이벤트 제어</h1>
</div>
<div class="row left">
기본이벤트란 태그 자체에 내장된 이벤트를 말한다.<br>
a, form 등이 있다.
</div>
<div class="row left">
</div>
<div class="row left">
</div>
<div class="row left">
</div>
<div class="row left">
<input type="text" name="keyword" class="form-input w-100">
</div>
<div class="row">
<button type="submit" class="btn btn-positive w-100">전송</button>
</div>
</form>
</div>
</body>
</html>
'Javascript' 카테고리의 다른 글
| 게시글 작성 (0) | 2023.09.15 |
|---|---|
| 사용자 등록(Form) (0) | 2023.09.14 |
| 회원가입 (0) | 2023.09.12 |
| 정규표현식 (0) | 2023.09.11 |
| 글자수 입력제한 (0) | 2023.09.08 |