현재 페이지 내용을 지우지 않고 onClick을 두 번 사용하십시오.

Question

전적으로 초급자입니다. 이 수업은 내 비즈니스 학위를 취득하는 데 필요합니다. 그래서이 질문이 어리 석다면 사과드립니다.

기본적으로 간단한 BMI 계산기 웹 페이지를 만들어야합니다.

웹 페이지 상단에는 BMI 계산기가 있고 그 아래에는 bmi 계산 버튼이있어 사용자에게 높이와 무게를 묻습니다. 그런 다음 사용자가 입력 한 높이와 흰색과 함께 결과를 표시합니다.

문제는 맨 위에 BMI 쓰기를 지우는 결과를 표시 할 때입니다.

나는 그것이 단지 그것이 무엇인지 모르는 간단한 대답이라는 것을 안다. (DOM을 통과하고 HTML을 수정에 특히 섹션)에 W3C WSC를 참조 http://pastebin.com/ftrWYU6L

Answer 1

- 여기

내가 작업했던 코드입니다.

document.write 기존 문서를 날려 버리면 DOM을 사용하여 기존 문서를 수정하고 싶습니다.

Answer 2

document.write를 사용하는 대신 div를 만들고 "results"와 같은 ID를 부여하거나 JavaScript를 사용하면 document.getElementById ("results")를 사용하게됩니다. innerHTML = 당신은 화면에 글을 쓸 것입니다; 당신은 버튼에서 전체 웹 페이지를 다시 작성하는 http://pastebin.com/2NLrMUFh

Answer 3

: 여기

는 빠르고 더러운 및 검증되지 않은 수정합니다. 대신 일반적으로 3 개의 텍스트 상자 (HTML의 입력 태그)와 웹 페이지에 하나의 버튼이 내장되어 있습니다. 버튼은 높이 및 무게 입력 상자에서 .value를 가져 와서 결과를 BMI.value 필드에 저장합니다. 의사의

,

이 웹 페이지는 재건되지 않습니다

button_click() 
{ 
    float height = heightTextBox.value; 
    float weight = weightTextBox.value; 
    float BMI = BMImojo(height, weight); // yours to write 
    BMITextBox.value = BMI; 
} 

, 단지 하나 개의 출력 표시가

변경