Code Playground

< h1 > Code Playground </ h1 >

선택하세요. 과일 옵션 추가 복숭아 선택 과일 옵션 삭제 마지막 과일 옵션 삭제 위와 같이 셀렉트박스와 버튼들을 만든 후,제이쿼리를 사용하지 않고 순수 자바스크립트로셀렉트 태그를 동적으로 제어하는 것을 연습해보려고 한다. var fruitList = [ { oKey: 'banana', oVal: '바나나' }, { oKey: 'apple', oVal: '사과' }, { oKey: 'peach', oVal: '복숭아' }, { oKey: 'orange', oVal: '오렌지' } ] 먼저 위와 같은 객체 데이터가 있다. '과일 옵션 추가' 버튼을 클릭하면 위 json데이터의 값들이 셀렉트 태그의 옵션으로 추가되어야 한다.'복숭아 선택' 버튼을 클릭하면 복숭아가 선택되어야한다.'과일 옵션 삭제' 버튼을 클릭..

No. Contents Delete 1 내용1 Delete 2 내용1 Delete 3 내용1 Delete 4 내용1 Delete 5 내용1 Delete 위와 같은 테이블을 만든 후 Delete버튼 클릭했을 때 해당 행만 삭제하는 간단한 기능을 제이쿼리를 사용하지 않고 순수 자바스크립트로 구현해보려고 한다. 1. 먼저 html과 css 코드는 다음과 같다. No. Contents Delete 1 내용1 Delete 2 내용1 Delete 3 내용1 Delete 4 내용1 Delete 5 내용1 Delete 2. 이벤트를 걸 대상인 버튼의 dom을 선택한다. var eventTarget = document.getElementsByClassName('btn_delete')문제는 btn_delete라는 클래스를..

-해당 문제는 codewars사이트의 level4 문제입니다. (1~8단계 중 8단계가 가장 쉬운 레벨)- [문제] We need to sum big numbers and we require your help. Write a function that returns the sum of two numbers. The input numbers are strings and the function must return a string. - Exampleadd("123", "321"); -> "444"add("11", "99"); -> "110" - NotesThe input numbers are big.The input is a string of only digitsThe numbers are positives ..

-해당 문제는 codewars사이트의 level6 문제입니다. (1~8단계 중 8단계가 가장 쉬운 레벨)- [문제] A bookseller has lots of books classified in 26 categories labeled A, B, ... Z. Each book has a code c of 3, 4, 5 or more capitals letters. The 1st letter of a code is the capital letter of the book category. In the bookseller's stocklist each code c is followed by a space and by a positive integer n (int n >= 0) which indicates th..

-해당 문제는 codewars사이트의 level5 문제입니다. (1~8단계 중 8단계가 가장 쉬운 레벨)- [문제] Write a function done_or_not/DoneOrNot passing a board (list[list_lines]) as parameter. If the board is valid return 'Finished!', otherwise return 'Try again!' Sudoku rules:Complete the Sudoku puzzle so that each and every row, column, and region contains the numbers one through nine only once. Rows: There are 9 rows in a tradition..

-해당 문제는 codewars사이트의 level6 문제입니다. (1~8단계 중 8단계가 가장 쉬운 레벨)- [문제] Write a function that accepts an array of 10 integers (between 0 and 9), that returns a string of those numbers in the form of a phone number. Example:createPhoneNumber([1, 2, 3, 4, 5, 6, 7, 8, 9, 0]) // => returns "(123) 456-7890" The returned format must be correct in order to complete this challenge. Don't forget the space after..

-해당 문제는 codewars사이트의 level5 문제입니다. (1~8단계 중 8단계가 가장 쉬운 레벨)- [문제] Pete likes to bake some cakes. He has some recipes and ingredients. Unfortunately he is not good in maths. Can you help him to find out, how many cakes he could bake considering his recipes? Write a function cakes(), which takes the recipe (object) and the available ingredients (also an object) and returns the maximum number of cak..

-해당 문제는 codewars사이트의 level5 문제입니다. (1~8단계 중 8단계가 가장 쉬운 레벨)- [문제] Write an algorithm that takes an array and moves all of the zeros to the end, preserving the order of the other elements.moveZeros([false,1,0,1,2,0,1,3,"a"]) // returns[false,1,1,2,1,3,"a",0,0] [해석] 배열에 있는 모든 0을 맨 뒤로 옮기되, 다른 요소들의 위치는 변경시키면 안된다. 레벨5 라고는 하지만 내 생각엔 레벨6~7 정도 되는 쉬운 문제인 것 같다.배열에서 0만 맨 뒤로 옮겨서 출력하는 문제! var moveZeros = func..

-해당 문제는 codewars사이트의 level6 문제입니다. (1~8단계 중 8단계가 가장 쉬운 레벨)- [문제] Given an array, find the int that appears an odd number of times.There will always be only one integer that appears an odd number of times. findOdd([20,1,-1,2,-2,3,3,5,5,1,2,4,20,4,-1,-2,5]) ==> 5 출력findOdd([1,1,2,-2,5,2,4,4,-1,-2,5]) ==> -1 출력 [해석] 어떤 배열이 주어졌을 때 홀수번 등장하는 숫자를 구하여라. 홀수번 등장하는 숫자는 딱 하나만 있을것이다.예를 들어서 [20,1,-1,2,-2,3,3,..

자바스크립트 프로그래밍을 할 때 =과 ==, ===을 많이 쓰게 되는데 과연 이 셋의 차이는 뭘까? 1. = =는 값을 대입할 때 사용한다. var x = 1 var y = 2 var z = x+y x라는 변수에 1이라는 숫자를 할당할 때,z라는 변수에 x+y를 할당할 때이런 경우에는 = 을 사용한다. 즉, 오른쪽에 쓴 값을 왼쪽에 할당할 때 쓴다. 2. ==, === ==과 ===은 조건식에서 사용한다.어떤 것이 같은지 판별할 때 사용하는 것이다. if (x == 1) { return true } 만약 x가 1이라면 true를 리턴해라. 여기서 "x가 1이라면"이라는 조건을 걸 때 == 이나 ===을 사용할 수 있다. 3. ==과 ===의 차이는? ==은 값만 비교하지만 ===은 값과 타입을 같이 비교..