본문 바로가기
반응형

IT/자바스크립트55

자바스크립트를 활용하여 Input 태그 안에 Value 넣는 방법 자바스크립트는 웹 개발에서 매우 중요한 역할을 하며, 특히 사용자 인터페이스를 동적으로 관리하는 데 큰 기여를 합니다. 이 글에서는 자바스크립트를 활용하여 input 태그 안에 value 값을 넣는 방법에 대해 자세히 알아보겠습니다. 이 방법은 웹 페이지의 양식을 동적으로 제어하거나 사용자 입력을 자동화하는 데 유용합니다. 본격적으로 코드를 작성하기에 앞서, 기초 개념을 확실히 이해하는 것이 중요합니다.자바스크립트와 HTML(기초 개념)자바스크립트(JavaScript)는 웹 페이지를 동적으로 만들기 위해 사용되는 프로그래밍 언어입니다. HTML과 CSS와 함께 사용되어 웹의 구조와 디자인을 만들며, 자바스크립트는 그 위에 동적인 기능을 추가합니다. 기본적으로 자바스크립트는 HTML 요소들을 제어하여 다양.. 2024. 8. 23.
자바 스크립트에서 자주 사용하는 형변환(숫자,문자,부울) 개요 자바스크립트에서 자주 사용하는 형 변환 함수에 대해서 정리해 보았습니다. 상세내용 String() 함수는 숫자를 문자열로 변환하는 함수입니다. 사용 예) let num = 10; let str = String(num); // str은 "10"이 됩니다. parseInt() 또는 parseFloat() 함수는 문자열을 숫자로 변환하는 함수입니다. 사용 예) let str = "10"; let num = parseInt(str); // num은 10이 됩니다. Boolean()는 값이 참인지 거짓인지를 나타내는 부울 값으로 변환하는 함수입니다. 사용예) let num = 0; let bool = Boolean(num); // bool은 false가 됩니다. 숫자 자동 형변환이 발생할 수 있습니다. 예를.. 2024. 3. 26.
[자바스크립트] 입력창에 숫자만 입력하는 방법 개요 입력창에 숫자만 입력하는 방법을 소개 합니다. 상세내용 입력 창에서 전화번호나 생일을 입력받을 때 숫자만 입력하도록 설정을 할 수 있습니다. html 속성, 정규화와 자바스크립트를 이용하여 숫자만 입력받는 것을 알아보겠습니다. 방법 1 html 속성 중 "oninput"이 있습니다. 이 속성을 이용하여 숫자만 입력되도록 하는 코드입니다. oninput = "this.value=this.value.replace(/[^0-9]/g,'').replace(/(\..*)\./g,'$1');" 위 코드를 아래와 같이 입력 창에 추가하시면 됩니다. 이렇게 입력하면 숫자 외의 키는 공백 처리가 되어 입력이 되지 않습니다. 입력되지 전에 처리하는 방식입니다. 방법 2 html 속성 중 "onkeyup"이 있습니다... 2024. 3. 20.
[자바스크립트] 변수로 받은 ID를 JQuery에서 사용하는 방법 개요 변수로 받은 Id를 Jquery에서사용하는 방법입니다. 세부내용 내부 변수를 선언하여 사용하는 방법을 알려 드리겠습니다. JQuery를 사용하여 특정 ID를 가진 요소에 접근하려면, $() 함수를 사용하면 됩니다. 변수에 저장된 ID를 사용하여 JQuery 선택자를 만들고, 해당 선택자로 요소에 접근할 수 있습니다. 아래는 이에 대한 예제 코드입니다. Name: Email: Phone: Get Values 이 예제에서는 elementId 변수에 "exampleElement"라는 ID를 저장하고, 이 변수를 사용하여 JQuery 선택자를 생성하여 해당 요소에 접근합니다. 이후에는 해당 요소에 대한 조작을 수행하고, 콘솔에 변수로 선택한 요소의 텍스트를 출력합니다. 프로젝트에서는 변수로 관리하는 ID를.. 2024. 1. 19.
반응형

티스토리툴바