테스트 사이트 - 개발 중인 베타 버전입니다

입력폼에 기입 후 자리수에 따른 출력 채택완료

qoqofh 3년 전 조회 1,198

</p>

<p> </p>

<p><script></p>

<pre tabindex="0">
<code data-lang="javascript" id="actual-js-code">function printName()  {
  const name = document.getElementById('name').value;
  document.getElementById("result").innerText = name;
}</code></pre>

<p></script></p>

<pre tabindex="0">
<code data-lang="htmlmixed" id="actual-html-code"><input id='name' onkeyup='printName()' </code><code data-lang="htmlmixed">maxlength='8'/>
<div id='result'></div></code>
</pre>

<p><code data-lang="htmlmixed" id="actual-html-code"><div id='result2'></div></code></p>

<p>

 

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

 

8자리 입력했을 때,

 

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

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
완전핵초짜

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; 이런식으로 해보시면 될 수 도 있을 것 같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인