더블 반복문으로 결과값 출력 첫번째 숫자 : 두번째 숫자 : var abc = function() { var no = document.getElementById("no"); var no2 = document.getElementById("no2"); var ck1 = Number(no.value); //숫자 자료형에 문자 들어갈 경우 NaN var ck2 = Number(no2.value); if (isNaN(ck1) || isNaN(ck2)) { //==true 쓴것과 같 alert("숫자를 입력하셔야 합니다."); } else { //두개의입력값이 모두 숫자로 등록되었을 경우 if(ck1 > ck2){ //숫자1이 클 경우 (내림차순) gugu_for1(ck1,ck2); }else if(ck..

1.  1차 배열var user = "홍길동,이순신,장보고,유관순"; //문자열console.log(user);var data = user.split(",");console.log(data); console.log(data[2]); console.log(data.length); var w = 0; //배열은 번호가 0부터 시작while (w split : 특정 문자를 기준으로 배열 생성됨배열을 사용하는 이유 : 하나의 변수에 여러개의 데이터 값을 가지기 위해 사용2. Key 배열//[] : 일반 데이터 배열//{} : key 배열 (2차배열 아님)var arr = { "members":["홍길동","강감찬","이순신"]};//두가지 사용법console.log(arr["members"][2]);con..

1. 팝업띄우기주소 : window.open("팝업창 경로","","옵션(가로, 세로, 스크롤바, 팝업창 크기변경)");두번째 속성을 비워둬야 팝업창이 뜸해당 팝업에 대한 부모창, 자식창을 연결시 동일한 ip 또는 동일한 도메인에서 정상 작동그 외에는 CORS로 인하여 데이터를 이관하지 못함 하나는 localhost, 하나는 ip주소로 해놔도 CORS 발생함 주의 05421 서울시 마포구 자바동 21-105320 서울시 마포구 자바2가 1105322 서울시 마포구 자바3가 33self.close(); : 자신의 창을 강제종료window.opener : 부모창2. 복합 함수실무에서 복합함수 많이 사용    //함수끼리 카테고리화 시키는느낌//class 선언식class box2 { zbox() { //아래 ..

1. 데이터 값을 HTML에 출력하는 방법 (DOM 형식)html 연습 function view() { var box = document.getElementById("box"); box.innerHTML = "Javascript 데이터 값";}function view2(){ var data = document.getElementById("data"); var w = 1; while(w"+w+""; w++; }}innerText :문자만 출력 (기존 데이터는 사라질 수 있음)innerHTML : HTML태그와 함께 출력 (기존 데이터는 사라질 수 있음)inner 사용시 "",''의 역할이 있으므로 주의해서 사용box.innerText = "Javascript 데이터 값";function telok(){ ..

1. return 함수 사용숫자 입력 : function calc() { var no = document.getElementById("no"); //사용자가 입력한 값 var result = aaa(no.value); //리턴함수에 인자값을 보내서 결과를 받음 console.log(result); //결과값을 출력 }function aaa(n) { //리턴함수 var z = 5 * n; //계산 수식구 return z; //결과값을 회신하는 역할 } 😊응용문제사용자가 아이디를 입력합니다. 예를들어 hong 아이디, admin 아이디를 입력시 결과는 "해당 아이디는 사용이 불가능합니다"라고 출력을 하며 그 외의 아이디는 "사용이 가능합니다"라는 메세지를 출력하도록 return함수로 구현하시오 아이..

1. button과 submit검색 : 검색 : function web(){ //id로 값을 가져오는 방식 var b =document.getElementById("se"); //form이 없는 상황에서 name속명으로 값을 js로 가져오는 방식 var a =document.getElementsByName("se")[0]; //form에 method="get" 방식과 동일한 형태 location.href="http://search.naver.com/search.naver?query="+b.value;}submit : 입력 후 엔터 기능form태그와 함께 사용method : 통신방법action : 사용자가 입력한 데이터를 이관하는 경로 button : 클릭을 위주로 사용하는 기능로그인 => submi..

function aaa(){ var no = document.getElementById("no"); if(no.value==""){ alert("해당 입력값에 데이터를 입력하세요!"); }else if(no.value!=""){ alert("값을 확인 하였습니다."); }}/*위와 같은 코드인데 name으로 핸들링 훨씬 간단 */function bbb(){ if(frm.no.value==""){ alert("해당 입력값에 데이터를 입력하세요!!"); }}function aaa(){ var no = document.getElementById("no"); if(no.value==""){ console("해당 입력값에 데이터를 입력하세요!"); }else if(no.value!=""){ //HTML에..

See the Pen Untitled by koona0 (@koona-0) on CodePen. 😭 어려웠던점ob_center 안의 input 상자가 상하위치 이동이 잘 안됐다마진도 top도 포지션을 먹여도 안되던가오른쪽 이미지가 내려가던가 이상해졌었는데챗지피티형님께 물어보고display: flex;align-items: center;때리니까 해결됐다 ㅎㅎ인공지능 만만세

See the Pen Untitled by koona0 (@koona-0) on CodePen.

PC ? USER @charset "UTF-8";body { margin: 0; padding: 0;}.box { margin: auto; width: 100px; height: 100px; border: 1px solid black; text-align: center; line-height: 100px; width: 100px; overflow: hidden;}.box>img { margin-left: -8px;}.box2 { list-style: none; margin: 0 auto; padding: 0; width: 300px; height: 100px;}.box2>li { width: 100px; height: 100px; border: 1px solid red; box-sizing:..