다음이 입력 텍스트라고 가정해 보겠습니다. - <label for="name">StudentName:<input name="name" id="studentName" value="Enter your Name ????" class="guess"></label> 마우스 커서를 누를 때 입력 힌트를 잃으려면 onFocus 및 onBlur 개념을 사용하십시오. 예시 <!DOCTYPE html> <ht
export 문을 사용하지 않은 경우 발생할 수 있습니다. 스크립트 파일로 가져올 함수 앞에 내보내기를 사용하십시오. 자바스크립트 파일은 다음과 같이 이름이demo.js입니다. demo.js console.log("function will import"); export function test(){ console.log("Imported!!!"); } 다음은 위의 함수를 가져오는 index.html 파일입니다. - index.html 예시 <!DOCTYPE
객체의 객체를 객체 배열의 객체로 변환하려면 map()과 함께 Object.fromEntries() 개념을 사용하십시오. 예시 const studentDetails = { 'details1': {Name: "John", CountryName: "US"}, 'details2': {Name: "David", CountryName: "AUS"}, 'details3
빈 iframe src의 경우 요소를 사용하고 빈 src -에 대해 다음과 같이 설정합니다. <iframe src='about:blank'></iframe> 예시 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialsca
자바스크립트에 다음 개체가 있다고 가정해 보겠습니다. ObjectValue =[ { "id": "101", "details": { Name:"John",subjectName:"JavaScript" }}, { "id": "102", "details": { Name:"David",subjectName:"MongoDB&qu
다음이 우리의 가치라고 가정해 봅시다 - let subjectNames = ['JavaScript', 'Angular', 'AngularJS','Java']; 비어 있지 않은 값과 null이 아닌 값을 계산하려면 forEach()를 사용합니다. 구문은 다음과 같습니다 - yourArrayName.forEach(anyVariableName =>{ yourStatement1 . .
새 HTML 태그를 제거 및 추가하려면 hide() 및 show() 개념을 사용하십시오. 다음이 우리의 버튼이라고 가정해 봅시다 - 위 콘텐츠를 숨기려면 나를 클릭하십시오. 위 콘텐츠를 표시하려면 나를 클릭하십시오. 버튼 클릭 시 태그를 제거하고 추가하려면 hie() 및 show() −를 사용하십시오. $(문서).ready(function(){ $(#hide).click(function(){ $(h1).hide(); }); $(#show). 클릭(함수(){ $(h1).show(); });}); 예시 문서자바스크립트 테스트
처음에는 키를 설정하십시오 - const name = ['Name1', 'Name2']; 이제 아래 코드와 같이 for 루프를 사용하여 키를 동일한 값으로 매핑합니다. - 예시 const name = ['Name1', 'Name2']; const keyValueObject = {}; for (const k of name){ keyValueObject[k] = 'John'; } console.log(keyValueObject); 위의 프
순서 없는 목록에 줄 바꿈을 추가하려면 document.querySelector().append()를 사용하세요. 다음은 코드입니다 - 예시 문서 h1{ 글꼴 크기:2.50rem; } h2, 레이블{ 글꼴 크기:1.50rem; }이름 데모 추가이름 입력: 저장이름 목록 { let nameTxt =document.querySelector(.txtName), name =nameTxt.value.trim() if (name) { let tagLi =document.createElement(li) tagLi .textContent =
BOTID와 할당된 사용자의 이름이 포함된 레코드가 있다고 가정해 보겠습니다. − let objectArray = [ { BOTID: "56", Name: "John" }, { BOTID: "57", Name: "David" }, { BOTID: "58", Name: "Sam"}, { BOTID: "59", Name:
십진수를 가장 가까운 10분의 1로 반올림하려면 JavaScript에서 toFixed(1)을 사용하십시오. 구문은 다음과 같습니다 - var anyVaribleName=yourVariableName.toFixed(1) 다음이 십진수라고 가정해 보겠습니다. var decimalValue =200.432144444555; console.log("Actual value="+decimalValue) 이제 소수를 반올림해 보겠습니다. 다음은 코드입니다 - 예시 var decimalValue =200.4321444445
특수 문자 시퀀스가 있는 다음 문자열이 있다고 가정해 보겠습니다. - var fullName=" John <----> Smith "; 위의 문자열을 부분 문자열로 분리하려면 regex를 사용한 다음 split()을 사용하십시오. 구문은 다음과 같습니다 - var anyVariableName=(/\s*<---->\s*/g); var anyVariableName=yourVariableName.trim().split(yourVariableName); 다음은 완전한 JavaScript 코드입니
각 문자의 빈도를 저장하기 위해 배열을 취하십시오. 유사한 문자가 발견되면 1씩 증가하고 그렇지 않으면 해당 배열에 1을 넣습니다. 다음이 문자열이라고 가정해 보겠습니다. − var sentence = "My name is John Smith"; 다음은 발생 횟수를 계산하는 JavaScript 코드입니다 - 예 var sentence = "My name is John Smith"; sentence=sentence.toLowerCase(); var noOfCountsOfEachCharacter =
find()를 사용하여 태그에서 데이터를 가져오고 push()를 사용하여 해당 데이터를 배열에 저장합니다. 다음이 우리의 테이블이라고 가정해 봅시다 - <table id="details"> <thead> <tr> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> <tr><td>John</td><td>23</td> &l
예, Substr()과 함께 Object.fromEntries()를 사용할 수 있습니다. substr() 아래에서 indexfrom 부분 문자열을 시작할 위치와 길이를 언급하십시오. 예시 const originalString = { "John 21 2010" :1010, "John 24 2012" :1011, "John 22 2014" :1012, "John 22 2016&quo
및 NULL과 함께 조건을 사용하여 값이 비어 있는지 확인합니다. 사용자가 텍스트 상자 값을 채우지 않을 때마다 메시지를 던집니다. 예시 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Docum
다음이 유사한 값을 가진 배열이라고 가정해 보겠습니다. − const listOfStudentName = ['John', 'Mike', 'John', 'Bob','Mike','Sam','Bob','John']; 배열에서 유사한 값을 제거하려면 set() 개념을 사용하십시오. 다음은 코드입니다 - 예시 const listOfStudentName = ['John', 'Mike', 'Jo
다음이 우리의 div라고 가정해 봅시다 - <div id="showOrHide"> Welcome in JavaScript </div> 다음은 우리의 버튼입니다. 클릭하면 위의 div가 숨겨져야 합니다. - <button onclick="showOrHideDiv()">Click The Button</button> JavaScript에서 style.display 개념을 사용하여 div를 숨깁니다. 다음은 코드입니다 - 예시 <!DOCTYPE ht
처음에는 공백을 기준으로 문자열을 split()하고 charAt()를 사용하여 첫 번째 문자를 추출해야 합니다. 추출된 문자는 toUpperCase()를 사용합니다. 예시 function capitalizeTheFirstLetterOfEachWord(words) { var separateWord = words.toLowerCase().split(' '); for (var i = 0; i < separateWord.length; i++) { &
append()와 함께 classList.add()를 사용할 수 있습니다. document.createElement()를 사용하여 새 div를 만들고 classList.add()가 CSS class.(.class 선택기)를 추가합니다. 예시 <html lang="en> <head> <meta charset="UTF-8> <meta name="viewport" content="width=device-width, initialscale=1.0"