value (2) 썸네일형 리스트형 Step01_example3 2 (코드 줄여보기) 다음은 Step01_example3에서 작성했던 코드이다. 2022.07.06 - [javascript] - Step01_example2,3 (inner Text, value 변경, Number()) 이것을 더 간결하게 작성하려 한다. 자주쓰는 코드를 input1, input2, resultnum이라는 변수명을 만들어 작성하였다. 위치 정보 코드들만 gloabl area에서 선언했다. 여기서 value와 innerText는 같이 선언하지 않고 해당 함수 안에 그대로 둔다. 로드 시점의 value와 innerText값이 필요한게 아니라 버튼 클릭 시점의 값이 필요한 것이기 때문이다. Step01_example2,3 (inner Text, value 변경, Number()) input 요소에 사용자가 입력한 문자열을 javascript로 접근할때 innerText가 아닌 value로 접근할 수 있다. 다음은 예시 문제이다. 입력값은 value, 결과값은 innerText로 작성해준 것을 볼 수 있다. let msg=document.querySelector("#one").value;를 함수안에다 적어야 정상 작동한다. 리로드 시점의 input 텍스트를 입력하는 것이 아니라 버튼 클릭 시점의 텍스트를 입력하는 것이기 때문이다. 비슷한 방식으로 삭제 버튼도 만들 수 있다. -예제 input type 입력값으로 연산이 가능하게 작성해야 한다. 응용해서 연산이 가능한 기능을 만들었다. 저번 방식과 달라진 점은 input type="number"로 변경한 점과 valueAsNumber.. 이전 1 다음
