web-js 질문[내공 500]
-
게시물 수정 , 삭제는 로그인 필요
web-js 질문[내공 500]
익명 작성일 -
안녕하세요. 소스놀이터란 이름으로 유튜브에서 강의를 진행중인 프로그래머입니다.
아래 소스 실행해 보세요. 잘됩니다.
(핵심은 스타일시트 position:absolute 속성 + left (top) 속성을 활용하는 것입니다)
<body>
<button style="width:100px; position:absolute; left:300px; top:200px" onclick="javascript_:moveButton(this);">랜덤이동버튼</button>
</body>
<script>
function getRandNum(maxNum) { //예: maxNum이 10이라면, 1~10까지의 정수 반환
return (Math.floor(Math.random() * maxNum)) + 1;
}
function moveButton(btn) {
//screen.availWidth 화면의 유효 width
//screen.availHeight 화면의 유효 height
let maxWidth = screen.availWidth - 100; //버튼의 폭을 빼줌
let maxHeight = screen.availHeight - 120;
let leftNum = getRandNum(maxWidth); //랜덤하게 left 값 생성. 이 값을 window.open의 옵션(left)에 넣어줌
let topNum = getRandNum(maxHeight); //랜덤하게 top 값 생성. 이 값을 window.open의 옵션(top)에 넣어줌
btn.style.left = leftNum;
btn.style.top = topNum;
}
</script>
안녕하세요. 소스놀이터란 이름으로 유튜브에서 강의를 진행중인 프로그래머입니다.
아래 소스 실행해 보세요. 잘됩니다.
(핵심은 스타일시트 position:absolute 속성 + left (top) 속성을 활용하는 것입니다)
<body>
<button style="width:100px; position:absolute; left:300px; top:200px" onclick="javascript_:moveButton(this);">랜덤이동버튼</button>
</body>
<script>
function getRandNum(maxNum) { //예: maxNum이 10이라면, 1~10까지의 정수 반환
return (Math.floor(Math.random() * maxNum)) + 1;
}
function moveButton(btn) {
//screen.availWidth 화면의 유효 width
//screen.availHeight 화면의 유효 height
let maxWidth = screen.availWidth - 100; //버튼의 폭을 빼줌
let maxHeight = screen.availHeight - 120;
let leftNum = getRandNum(maxWidth); //랜덤하게 left 값 생성. 이 값을 window.open의 옵션(left)에 넣어줌
let topNum = getRandNum(maxHeight); //랜덤하게 top 값 생성. 이 값을 window.open의 옵션(top)에 넣어줌
btn.style.left = leftNum;
btn.style.top = topNum;
}
</script>
web-js 질문[내공 500]
... 혹시 소스 코드 보기 귀찮으실까봐 js 그 부분 떠옵니다 [code]... transform JS script JS 선택자 element.style ev's projects...
web-js 질문[내공 500]
... 그런데 let left = Math.random() * 500 let top = Math.random() * 500 이렇게 변수는 만들었는데 (콘솔로 테스트하기 귀찮아서 안 했는데 이거 잘 생성한 거 겠죠....?)...
web-js 질문[내공 500]
... width - 500) / 2 let top = (screen.height - 275) / 2 window.open("button.html", "_blank", "width=5 인터넷 검색으로 해결하려고 개짓거리를 해도 안되요;...
web-js 질문[내공 500]
... (만약 소스놀이터님이 해결해주실 경우 아까 그 질문 바로 채택 해드릴께요.) 제 스마트폰으로 들어가면 잘 됩니다 (혹시 안된다면, 어떤 스마트폰인가요?...
web-js 질문[내공 500]
버튼을 누르면 랜덤 위치로 버튼이 이동하려면 어케 해야 하나요? button 태그구요. 랜덤으로 이동한 위치가 원래 있었던 위치랑 겹치면...
web-js 질문[내공 500]
io 게임 사이트를 플레이하다 보면 나가겠습니까? 를 묻고 나가기를 누르면 나가지고 취소를 누르면 안 나가지는데 이거 어케 한거죠? 흠..... 불가능한가요..........
web-js 질문[내공 1000]
... 홈페이지 web - HTML, CSS, JS EV 의 코딩 홈페이지 ﹀ HTML tag... flex-basis: 500px -> flex-basis: 220px (220px 또는 기타 값으로 변경해...
node.js 값 넘기기 질문
... js로 넘기고 server.js에서 .ejs로 한다리 거쳐서 넘겨야하면 그 방법도 소스로 예제로 간단하게 좀 알려주세요 내공 500이나 걸어요 ejs 에서 ejs 로 값을...
node.js mysql2 세션 질문
node.js에서 페이지로 id변수를 보내고... database: "web", waitForConnections: true, connectionLimit... 때 500 Internal Server Error 상태 코드를 반환 res....
main.js css,html,자바 문제 질문드...
layout.css/mmon.css/ reset.css/layout.js /main.js 각각의 파일이름의 용도가 뭔지 꼭 알려주세요 제발요 내공 500드립니다 안녕하세요^^ 정확한 요소는 사용자...