javascript - 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 代码来显示变量:

<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”变量相同，带有“display_place”div 和“display_place1”。

现在，我需要显示这个值:

(产品 + 地点)/2

有人可以建议我该怎么做吗？我对 JS 不太熟悉。

谢谢

Answer 1

你想在哪里显示该值？您可以简单地创建一个名为 product_place 的 div 和名为 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">