오늘의 코딩순서
(폴더: oJavaScript)
<04폴더>
- ⭐⭐⭐domJson
<05폴더>
- checkBox01
- checkBox02(앞의 01을 for문으로 만들기)
- form01
- form02(HW)
- radio
- selColor01
- selColor02
- ⭐⭐⭐⭐⭐file
- submit
오늘의 코딩 포인트
04폴더
1) ⭐⭐⭐domJson
- JSON: 경량의 데이터, 정보를 주고 받을때 빠르게 전달이 가능함
- parse: parse 메소드는 string 객체를 json 객체로 변환
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
// JSON객체:
var wo = {"name":"이승은", "addr":"항공"};
alert("wo->"+wo);
alert("JSON.stringify(wo)->"+JSON.stringify(wo));
//JSON:객체를 변환시켜준다 //stringify:string화 시킴
alert("JSON.parse(JSON.stringify(wo)).name->"+JSON.parse(JSON.stringify(wo)).name);
//parse 메소드는 string 객체를 json 객체로 변환
alert("wo.name->"+wo.name);
alert("wo.addr->"+wo.addr);
</script>
</head>
<body>
<h1>dom Json</h1>
</body>
</html>
05폴더
2) checkBox (앞의 01을 for문으로 만들기)
3) form01
4) form02
5) radio
6) selColor01
7) selColor02
8) ⭐⭐⭐⭐⭐file(프로젝트 때 매우 많이 쓰는 첨부파일 올리는 법)
9) submit
- method="post"
- submit
- onsubmit
오늘의 숙제
- checkBox02 (현장HW)
- ⭐⭐⭐⭐form02 (HW):여태까지 한 수업 총집합과제!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function chk() {
//form name 이용해서 1번,2번,3번 만들기
//getElementById 이용해서 4번 만들기
// 1. name -> 경고창에 이름 입력 나오게 하기, focus
// 2. age 입력 X -> 경고창에 나이 입력, focus
// 3. age 숫자가 X -> 경고창에 나이가 문자임, focus
// 4. addr -> 경고창에 주소좀 넣어줄래, focus
}
</script>
</head>
<body>
<h2>입력창</h2>
<form>
이름 : <input type="text" name="name"><p>
나이 : <input type="text" name="age"><p>
주소 : <input type="text" name="addr" id="addr"><p>
<input type="button" value="확인" onclick="chk()"><p>
</form>
</body>
</html>
↓↓↓내가 한 것
'JSP > Java Script' 카테고리의 다른 글
| 2024_07_10_수 (0) | 2024.07.10 |
|---|---|
| 2024_07_09_화 (0) | 2024.07.09 |
| 2024_07_08_월 (0) | 2024.07.08 |
| 2024_06_20_목 (0) | 2024.06.20 |
| 2024_06_19_수 (0) | 2024.06.19 |
