
문제3. 다음 문자열을 입력 받은 후 출력 버튼 클릭시 모든 입력한 문자열이 출력되도록 만들어라.
<fieldset>
<legend>입력</legend>
<input type="text" id="strInput"> <button onclick="input();">입력</button>
</fieldset><br>
<p style="border:1px solid red;" id="print2">이 부분에 정답이 출력 될 수 있도록 하세요</p>
<div id="result1"> </div>
<button onclick="printTest();"> 출력 </button>
/// 3번 문제
var data = [];
function input(){
//var index = 0;
var input = document.querySelector("#strInput");
data.push(input.value);
console.log(data);
input.value=null;
}
function printTest(){
var pTag2=document.querySelector("#print2");
pTag2.innerHTML=data.join();
'JAVASCRIPT > 예제들' 카테고리의 다른 글
| range 의 값이 변경되면 h1 태그의 글자크기가 변경되게 함 (0) | 2022.08.25 |
|---|---|
| select 에서 색이름을 선택하면 body 의 배경색이 바뀌게 함 (0) | 2022.08.25 |
| '구분자로 split하고 concat으로 합치기 indexOf로 문자열 확인 (0) | 2022.08.25 |
| splice와 push예제 문제 (0) | 2022.08.25 |
| 클릭된 그림을 클릭순서대로 나열 (0) | 2022.08.25 |