자바 스크립트 양식 및 테이블 스크립트

Question

안녕 얘들 아 나는 이것을 코딩하는 방법을 아는 데 도움이 필요합니다. 소매 가격을 표시 할 수있다, 당신이 도매 가격을 입력 할 수있는 양식을 사용하여 프로그램을 작성 22 %의 마크 업을 사용 <script>에 나는 <table> 및 <form>.

질문을 사용하는 방법을 배우려고 노력하고 있어요 계산 버튼을 사용한 후

지금 나는 내 것을 어떻게 좋게하는지 알아 냈습니다. 계산 버튼이 실제로 작동하는 데 필요한 코딩 방법에 대해서는 전혀 모릅니다.

<script> 

</script> 
</body> 

    <form name = PriceForm> 
    <table border = 1> 
    <tr> 
     <td>WHOLESALE PRICE:</td> 
     <td><input type = “text” name = wsale></td> 
    </tr> 
    <tr> 
     <td>RETAIL PRICE:</td> 
     <td><input type = “text” name = retail></td> 
    </tr> 
    <tr> 
     <td colspan = 2><center><input type = button value = "CALCULATE" onClick = "calcfunc()"> 
     </center></td> 
    </tr> 
    </table> 
    </form> 

Answer 1

답변을 드릴 수는 없지만 몇 가지 사항을 알려 드리겠습니다.

입력 요소가 두 개인 양식이 필요합니다. 그런 다음 자바 스크립트에서 document.getElementById("retail").value으로 액세스하려는 경우이 요소에 어떤 값이 있는지 알려줍니다. 그런 다음, 어떤 형태의 수학 스크립트를 작성하여 22 %를 표시하십시오. 이렇게하려면 원본에 .22을 곱해야합니다.

Answer 2

숙제처럼 보입니까? 나는 당신의 HTML 일부 조정했습니다

<form name="PriceForm"> 
<table> 
<tr> 
<td>WHOLESALE PRICE:</td> 
<td><input type=“text” name="wsale" id="wsale"></td> 
</tr> 
<tr> 
<td>RETAIL PRICE:</td> 
<td><input type=“text” name="retail" id="retail"></td> 
</tr> 
<tr> 
<td colspan="2"><input type="button" value="Calculate" onClick= "calcfunc();"> 
</td> 
</tr> 
</table> 
</form> 

다음, 당신은 자바 스크립트 함수를 구축해야합니다 :

<script type="text/javascript"> 
function calcFunc() { 

// get the value of your wholesale price 
var retailPrice = document.getElementById("wsale").value; 

// now, you need to do your math here 
// manipulate the retailPrice variable here mathematically 
// ex: var retailPrice = retailPrice * ... 

// finally, alert the value on submit 
alert("Retail Price: " + retailPrice); 

} 
</script> 

Answer 3

가에서 스크립트를 언급
시도에 액세스하는 요소에 ID를 추가 머리 부분

이

시도