input박스 텍스트 입력, button 클릭, 텍스트

본문 바로가기

input박스 텍스트 입력, button 클릭, 텍스트

작성일 2024.05.02댓글 1건
    게시물 수정 , 삭제는 로그인 필요

안녕하세요?

자바스크립트 질문이 있습니다..!

<body>
  <div class="container">
    <input type="text">
    <button>입력</button>
  </div>
  <div class="text">미꾸라지</div>
</body>

위와 같이 input 박스와 button을 만들었고,
아래에 인풋박스에 입력한 텍스트가 적히도록 하고싶습니다.



자바스크립트로 어떻게 처리해야하는지.. 고수님들의 도움을 요청드립니다!!



profile_image 익명 작성일 -

<div class="container"> <input type="text" id="mytext"> <!-- id 추가 --> <button>입력</button> </div> <div class="text" _onclick="copy('미꾸라지')">미꾸라지</div> <!-- onclick event 추가 -->

- javascript

function copy(str) { document.getElementById('mytext').value = str; // 받은 값을 mytext 에 넣기 }

위처럼 하시면 됩니다.

jquery 등을 이용하시면 더욱 편하게 구현 가능합니다. 여기서는 pure js로만 처리했습니다.

연관된 질문 답변 리스트

텍스트박스 클릭하면 입력되어 있던...

이런 텍스트 상자가 있다고 할 때, 이 텍스트 상자 안을 클릭하면 입력되어 있던 글자가 사라지도록 하는 자바스크립트 함수좀 만들어 주세요.. 제가 왕초보라서 그러거든요.....