![]()
두개의 주사위 경우의 수 구하기라고 해야하나.. 원하는 숫자를 입력하면 (1~12) 그 수를 만들기 위해 어떤어떤 수가 필요한지 검사하는 문제이다. 중첩반복문을 이용해서 만들었고 간단하다. 브라우저 접속 후 prompt에 숫자를 입력한다. 만약 2입력 시, [1, 1] 이렇게 나온다. 밑을 확인해보면 그렇게 되어있을거다. HTML 삽입 미리보기할 수 없는 소스 DOCTYPE html> 두개의 주사위 연습 function mul(x) { var y = parseInt(x); var i; var j; if (isNaN(y) || y 12) { alert("2~ 12 사이의 정수를 입력하세요."); return; } for (i = 1; i
![]()
웹강의에서 localstorage를 사용해서 프로젝트를 개발하라는 말을 듣고.... 예제를 공부해봤다. 프로그램에서는 돌아가는데 티스토리에다가 올리니깐 초기화 버튼이 안먹는당. 공부를 더 해봐야겠다. HTML 삽입 미리보기할 수 없는 소스 DOCTYPE html> Vanilla JavaScript p { height: 50px; width: 50%; font-size: 24px; border-radius: 10px;} button { background-color: lightcoral; border: none; height: 30px; width: 100px; border-radius: 10px;} localStorage 연습 초기화 const form = document.querySelector(".m..
![]()
DIV 생성, list 생성 버튼을 클릭하면 새로운 객체들이 생성된다. list안에 입력값을 넣고 list 생성을 누르면 input의 값이 입력된 li가 출력된다. 다시 li값을 누르면 li가 삭제된다! textbox에 글을 작성하고 list생성을 클릭해보자. 프로그램으로 돌리면 되는데 블로그에서는 DIV생성이 안된다 ㅎㅎ ㅜㅜ HTML 삽입 미리보기할 수 없는 소스 DOCTYPE html> 문서의동적구성 function deleteSong(idx) { songArr.splice(idx, 1); showList(); } function createDIV(){ var obj= document.getElementById("parent"); var newDIV= document.createElement("di..
![]()
간단한 예제로 innerHTML을 사용해보았다. 아래 파란글씨를 클릭하게 되면 innerHTML에 있는 문자열로 바뀌게된다. HTML 삽입 미리보기할 수 없는 소스 DOCTYPE html> innerHTML활용 function change() { var p = document.getElementById("firstP"); p.innerHTML= "20대이면서 자바스크립트를 공부하는 학생이다."; } innerHTML활용 유석영은 누구일까? 클릭해보자.
