JavaScript
-
061020 JavaScript: 모의시험 오답JavaScript 2020. 10. 6. 18:29
뭔 테스트 : 1번 요구사항이었는데, 잘못 이해해서 추가하는 걸 깜빡했다 checked = $("input[type=checkbox]:checked").length if(!checked){ alert("hey, you must check at least one interest") } : 최소 1개 체크하는 거 select를 생각 못했네,,, : 셀 가로 병합하고 거기 안에다가 버튼 넣는 게 정렬하기 좋다던데? modal .modal { width:100%; height:100%; display: none; background-color: rgba(20, 50, 30, .5); /*opacity: 0.3;*/ /*이렇게 주면 안에도 영향을 미치네 그래서 rgba로 background-color주셨네*/ /..
-
061020 JavaScript: button으로 구현JavaScript 2020. 10. 6. 09:09
radiobutton > button으로 대체 1. 버튼 누르면 색 변경 // window.addEventListener("load", function(){ // var btns = document.getElementsByTagName("input"); //변수 선언이 아니면 따옴표 신경 쓰지 말라는데,,? //위에 선언이 배열형태로 토해내기 때문에, addEventListener못하는거야 // btns.addEventListener("click", function(){ //여러개 elements에 addEvent 못쓴대 // }) // for(btn in btns){ // } // for (i = 0; i < btns.length; i++){ // btns[i].addEventListener("clic..
-
051020 JavaScript 정리JavaScript 2020. 10. 5. 17:47
-1를 return하는 경우 확인! -1 = 찾지 못할 경우 나타나는 값 문제해결시나리오 1. 중첩함수 (선언하지 않고 담는거) 2. 변수에 함수 넣기 var btnClickHandler = function (e){ // event 관련 정보를 매개변수로 받는다. var cx = e.clientX; var cy = e.clientY; var keycode = e.keyCode; var target = e.target; alert(target.id + "버튼을 클릭하셨습니다." + " keycode: " + keycode+", " + cx + " : " + cy); for (var v in e){ //key, index를 가지고 있다. item은 안가지고 있어. //뭐가 들었는지 모를 때, document..
-
051020 JavaScript 회원가입JavaScript 2020. 10. 5. 08:32
2. 이름, 아이디, 비밀번호를 필수적으로 입력하게끔 제한한다. (required) 입력 안하면 경고창. (oninvalid="alert('alert!')") - focus는 자동인듯? var nameCheck = $("#name").val() //jQuery로 value값 어떻게 가져오지 val()네 console.log(nameCheck); var idCheck = document.getElementById("id").value; console.log(idCheck); var pwCheck = document.getElementById("pw").value; if(nameCheck==""){ alert("name is omitted"); $("#name").focus(); return false; }..
-
280920 Web SQL DatabaseJavaScript 2020. 9. 28. 16:59
1. 변수 선언 var html5db; html5db.webdb = {}; 변수를 선언하고 그 안에 webdb를 생성 2. 데이터 베이스 열기 html5db.webdb.db = null; html5db.webdb.open = function(){ var DBsize = 5 * 1024 * 1024; //5MB html5db.webdb.db = openDatabase("Todo", "1.0", "Todo manager", dbSize); } db의 초기값 설정하고, 열었을 경우에 함수 실행 → DBsize 설정 openDatabase 에 필요한 parameters : 이름, 버전, 설명, 크기 html5db.webdb.onError = function(tx, e) { alert("There has been..
-
280920 #JavaScript ExercisesJavaScript 2020. 9. 28. 08:51
The element should do something when someone clicks on it. Try to fix it! Click me. The element should turn red when someone moves the mouse over it. myDIV. Use escape characters to alert We are "Vikings". var txt = "We are \"Vikings\""; Find the position of the character h in the string txt. var txt = "abcdefghijklm"; var pos = txt.indexOf("h"); Convert the value of txt to upper case. var txt =..
-
240920 #003 BOM / DOMJavaScript 2020. 9. 24. 09:09
브라우저 객체 모델(Browser Object Model) window location 프로토콜의 종류, 호스트 이름, 문서 위치 등의 정보 (페이지를 이동하는 데 필요한 정보들) local:8181~ 이런 것들,, //location var output=""; //var를 추가해야할 것 같아? 왜? for(var v in location ){ //location이 obj처럼 여러 key와 value를 갖고 있어, 지금 그걸 보려고 이 작업을 하는 거야 output += v + " : " + location[v] + " " //v가 location의 key를 빼오니까 value값 보려고 location[v] } document.body.innerHTML = output; 기본 key key name de..
-
230920 #002 상속 / 내장함수 및 객체JavaScript 2020. 9. 23. 09:05
a + b + c + (d + e) * / - "33" "a"*33 --> NaN Infinity 엄청 긴 숫자, 허수 / 0 isFinite(aaa) null var val1 = null; undefined var val2 참인 Obj 거짓인 Obj: Infinity, null, undefined, 0, "", ''(String상태이지만 비어있어); var btn = document.querySelector("button"); if (btn) { btn.value = "gooood"; element를 찾으면 참, 못찾으면 거짓. } callback - js 아날로그 시계 가능 - 지구 공전 모형 상속 JSON 객체 //JSON 객체 var strBill = JSON.stringify(bill); // ..