본문 바로가기
728x90
반응형

Coding With Jina/JavaScript58

[자바스크립트] NaN인지 아닌지 테스트할때 - isNaN () isNaN ( ) isNaN(value) - true 주어진 값이 NaN; 그렇지 않으면 false. - value 값이 NaN이면 true, 그렇지 않으면 false 2021. 1. 20.
[자바스크립트] 함수에서 여러개의 값을 리턴하고 싶을때 1) 배열로 리턴하는 방법 var newCodes = function() { var dCodes = fg.codecsCodes.rs; var dCodes2 = fg.codecsCodes2.rs; return [dCodes, dCodes2]; }; 접근 var codes = newCodes(); var dCodes = codes[0]; var dCodes2 = codes[1]; 2) 객체 프라퍼티로 전달하는방법 var newCodes = function() { var dCodes = fg.codecsCodes.rs; var dCodes2 = fg.codecsCodes2.rs; return { dCodes: dCodes, dCodes2: dCodes2 }; }; 접근 var codes = newCodes().. 2021. 1. 20.
[자바스크립트] 배열 요소를 추가하는 메서드 - push( ) Array.prototype.push( ) - 배열 요소를 추가하는 속성 - 배열의 끝에 하나 이상의 요소를 추가하고, 배열의 새로운 길이를 반환 - total 변수는 추가한 배열의 새 길이 값을 포함 var sports = ['축구', '야구']; var total = sports.push('미식축구', '수영'); console.log(sports); // ['축구', '야구', '미식축구', '수영'] console.log(total); // 4 [출처] developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/push 2021. 1. 18.
[자바스크립트] select를 이용하여 로컬스토리지에 저장하기 블로그에 비슷한 내용을 계속 올리는 것 같지만 자꾸 이해가 되지 않아 비슷하게 계속 연습 중 HTML 가장 좋아하는 동물은? 강아지 고양이 새 호랑이 토끼 자바스크립트 // 1) html에 있는 select와 연결 const userSelect = document.querySelector("select"); // 2) 로컬스토리지에 value 값이 존재하는지에 대한 함수부터 만든다 // 로컬스토리에 value값을 출력하는 것 function loadAnimal(){ // ① 로컬스토리지에 Key값 "animal"의 value값을 저장할 변수 selected를 만들고 const selected = localStorage.getItem("animal"); // ② selected 가 null이 아닌 경우에 .. 2021. 1. 17.
[자바스크립트] value의 값이 변경 되었을 때 발생하는 이벤트 - change change - change는 폼 컨트롤(value의 값)의 값이 변경 되었을 때 발생하는 이벤트 - input(text,radio,checkbox), textarea, select 태그에 적용 element.addEventListener("change",function( )); select 선택지를 변경해서 선택하면 그 선택한 value 값을 로컬 스토리지에 저장하는 로직 HTML Where are you from? --- Choose Your Country --- Korea Greece Turkey Finland 자바스크립트 const LOCALSTORAGE_KEY = "country", form = document.querySelector(".js-form"), select = form.queryS.. 2021. 1. 17.
[자바스크립트] select를 이용해 저장한 value값 로컬스토리지 출력하기 이건 예전에 했던 거 자바스크립트 const form = document.querySelector(".js-form"), select = form.querySelector(".selectBox"); const USER_LS = "counrty"; //3.currentValue에 저장된 select 벨류값을 로컬스토리지에 저장 function saveCountry(select) { localStorage.setItem(USER_LS, select); } function handleSubmit(event) { //1.일단 이벤트를 멈추고 event.preventDefault(); //2.현재 가지고 있는 벨류값 저장 //const currentValue = select.value; const currentV.. 2021. 1. 16.
728x90
반응형