목록삼항연산자 (3)

개발

삼항연산자, input 응용 예제!

1단계! 1버튼으로 x축 50~500 사이로만 왔다갔다 하게하기! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Document img{ position: absolute; top: 50px; left: 50px; } var flag=true; var x=50; function moveFunc(){ (flag)? x+=50:x-=50; document.querySelector("img").style.left=x+"px"; document.querySelector("#txt").value=x; ((x==500)||(x==50))? flag=!flag:0; } move! X값 Colored by Color..
Frontend/JavaScript 2021. 3. 5. 23:33
Element 동적 생성, input박스 입출력

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 Document .wrapper{ margin: auto; width: 900px; height: 600px; background-color: red; overflow:hidden; } .left-side{ width: 150px; height: 100%; background-color: aquamarine; float: left; } #content{ width: 750px; height: 100%; background-colo..
Frontend/JavaScript 2021. 3. 5. 23:14
삼항연산자 응용 (스위치 on, off)

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 Document #wrapper{ background-image: url(../images/room.jpg); background-size: cover; width: 900px; height: 622px; margin: auto; position: relative; } #wrapper img{ width: 35px; position: absolute; top: 0px; } #surface{ background-color: black; width: 100%; height: 100..
Frontend/JavaScript 2021. 3. 5. 23:04
이전 Prev 1 Next 다음