반응형 웹/HTML|CSS|JAVASCRIPT3 [JS] Input 숫자에 단위(콤마 ,) 넣는 방법 다음과 같이 숫자에 자릿수 구분을 위해 콤마(,)를 넣고 싶은 경우가 있다. 123456789 123,456,789 HTML 여러 개의 에 이벤트를 모두 추가하기 위해서 class로 지정하였다. 중요한 건 Value로 문자가 들어가야 하기 때문에 Type이 “Text”이어야 한다. JS // 윈도우가 시작되자 마자 이벤트 등록 window.onload = function () { let inputs = document.getElementsByClassName("number"); for (let input of inputs) { input.addEventListener("keyup", (event) => { let value = event.target.value; value = Number(value.re.. 2023. 2. 3. [HTML5] 다른 하드 드라이브의 파일을 읽어오는 경로 설정 방법 (Feat. 동영상 재생) 이번시간에는 html5에서 video 속성을 사용할 적에 다른 하드 드라이브 (ex. D드라이브 혹은 외장하드 등) 내 존재하는 동영상 경로를 설정하는 방법이다. 다음과 같이 file:/// 만 추가해주면 된다. 2021. 12. 23. css를 이용해 페이지 전체넓이 축소와 가운데 정렬하는 방법 오늘은 홈페이지의 페이지 전체 넓이와 가운데 정렬하는 방법을 알아보려고 합니다. 홈페이지를 만들었는데 화면에 너무 꽉차서 부담스러운경우 하나하나 수정하기도 힘들고 놓칠 수 있는데 이때 body영역을 수정해주면 한번에 해결될 수 있습니다. 이 사진을 보시면 지금 빨강과 파란색이 화면 전체를 차지하고 있음을 알 수 있습니다. 지금 소스코드는 CSS 코드1234567891011121314 body{}.a01 { width:2000px; max-width: 100%; height: 500px; background-color: red;} .a02 { width:2000px; max-width: 100%; height: 500px; background-color: blue;}cs HTML 코드123456789101.. 2016. 12. 28. 이전 1 다음 반응형
