document.getElementById（）。value平均值

Question

我在php文檔中有以下javascript代碼：

var product=0;
function add(){
    if (product<10) {
     product++;
    }
    document.getElementById('display').innerHTML = product;
    document.getElementById('display1').value = product;

}
function rem(){
    if (product>1){
     --product;
    }
    document.getElementById('display').innerHTML = product;
    document.getElementById('display1').value = product;

}

var place=0;
function addplace(){
    if (place<10) {
     place++;
    }
    document.getElementById('display_place').innerHTML = place;
    document.getElementById('display_place1').value = place;

}
function remplace(){
    if (place>1){
     --place;
    }
    document.getElementById('display_place').innerHTML = place;
    document.getElementById('display_place1').value = place;

}

然后我有此html代碼來顯示vars：

<button style="background-image: url('files/arrow_down.png');" type="button" onClick="rem()"></button>
<button style="background-image: url('files/arrow_up.png');" type="button" onClick="add()"></button>

<div id="display" name="product">
<script type="text/javascript">document.write(product);</script>
</div>/10</div>
<input type="hidden" id="display1" name="display1">

<button style="background-image: url('files/arrow_down.png');" type="button" onClick="remplace()"></button>
<button style="background-image: url('files/arrow_up.png');" type="button" onClick="addplace()"></button>

<div id="display_place">
<script type="text/javascript">document.write(place);</script>
</div>/10</div>
<input type="hidden" id="display_place1" name="display_place1">

因此，我在“ display” div中顯示“ product” var，並通過表單從“ display1” div發送值。

與“ place” var，“ display_place” div和“ display_place1”相同。

現在，我需要顯示此值：

（產品+地點）/ 2

有人可以建議我該怎么做嗎？ 我對JS不熟悉。

謝謝

Answer 1

您想在哪里顯示該值？ 你可以簡單地做一個div名為product_place和輸入字段命名product_place1並使用此代碼：

function show(){      
    document.getElementById('product_place').innerHTML = (product + place)/2;
    document.getElementById('product_place1').value = (product + place)/2;
}

HTML部分將如下所示：

<button type="button" onClick="show()">show</button>

<div id="product_place">
  <script type="text/javascript">
      document.write((product + place)/2);
</script>
</div>
<input type="hidden" id="product_place1" name="product_place1">