자바스크립트이용 긴문장 홈페이지에 쓰기

'what is your name?' 이라는 텍스트와 텍스트 입력박스, submit버튼을 웹페이지에 만듭니다.

 

그런 다음에 사용자가 자신의 이름을 입력하면 'Hello [이름]!'이라는 텍스트가  페이지에 출력되도록 구성요소를 추가합니다.

 

(이 내용을 수행하려면 사용자의 이름과 자신이 설정한 텍스트를 결합해야 합니다 아래처럼 할 수 있습니다)

 

"Hello" + document.getElementById("name").value + "!" 

 

 

+ 기호는 앞과 뒤의 요소를 사슬과 같이 연결시켜줍니다.  Hello와 텍스트 박스의 값 그리고 !를 함께 결합합니다. 그러면 이내용을 코딩으로 구현해 보겠습니다. 

 

 

 

 

 

항상 코딩의 논리적인 흐름을 반복해서 연습하세요  이 코딩을 실행하면 결과는 아래처럼 됩니다

 

---

 

 

실행하면 위와 같이 입력박스가 나옵니다  그러면 여기에 이름을 입력해 줍니다. 그리고 'submit'을 클릭하면 결과는 아래와 같습니다.