입력폼에 기입 후 자리수에 따른 출력

입력폼에 기입 후 자리수에 따른 출력

QA

입력폼에 기입 후 자리수에 따른 출력

본문


 
<script>

function printName()  {
  const name = document.getElementById('name').value;
  document.getElementById("result").innerText = name;
}

</script>

<input id='name' onkeyup='printName()' maxlength='8'/>
<div id='result'></div>


<div id='result2'></div>

 

이렇게 입력풋에 8자리를 기입하면 result에 출력되게끔 코드를 작성하였는데,

 

8자리 입력했을 때,

 

result에 앞 4자리 / result2에 그다음 4자리를 출력하려면 어떻게 코드를 구성해야 할까요?

이 질문에 댓글 쓰기 :

답변 1

id = result 에는 앞에 4개
id = result2 에는 뒤에 4개
출력을 원하시는 걸까요?

 

var name1 = name.substr(0, 4);

var name2 = name.substr(4, 4);

 

document.getElementById('result').innerText = name1;

document.getElementById('result2').innerText = name2;

이런식으로 해보시면 될 수 도 있을 것 같습니다.

답변을 작성하시기 전에 로그인 해주세요.
전체 32
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT