Javascript 单击单选按钮时更改变量的值

我知道这可能非常简单，但我无法理解。我所需要的是当单击单选按钮时，变量“price”的值发生变化，并将其显示在页面上。感谢您的帮助

这是放在头上的

<script>
var price = 500;
if (document.getElementById('wifi').checked) {
price = price + 200;
}
</script>

var价格=500；
if（document.getElementById（'wifi'）。选中）{
价格=价格+200；
}

这将放置在html页面的主体中

<input type="radio" name="wifi_price" id="wifi" value="200">Wifi Price</input>
<script>document.write(price);</script>

Wifi价格
文件。书写（价格）；

复选框示例
无线上网价格

var priceP=document.getElementById（'priceP'）；
priceP.innerHTML=“$100”；
var wifi=document.getElementById（'wifi'）；
wifi.addEventListener（'单击'，函数（））{
var price=priceP.innerHTML.slice（1，priceP.innerHTML.length）；
价格=（价格*1）+100；
priceP.innerHTML=“$”+价格；
});

您应该将价格变量存储在对象中，以便轻松访问和更新

<script>
window.onload = function(){
  var obj = {
    price: 500
  }
  var wifi = document.getElementById("wifi");
  wifi.addEventListener('click',function(){
    obj.price += parseFloat(wifi.value)
    // document.writeln(obj.price)
  })
}
</script>

window.onload=函数（）{
var obj={
价格：500
}
var wifi=document.getElementById（“wifi”）；
wifi.addEventListener（'单击'，函数（））{
obj.price+=parseFloat（wifi.value）
//书面文件（目标价格）
})
}

世上没有像

这样的怪兽。很抱歉，我把问题说错了，我才意识到这一点。因此，基本上我正在尝试做的是，我已经在网站上显示了一个数字，例如$100，当我点击单选按钮时，我只需要将$100更改为$200。非常抱歉，非常抱歉，谢谢您的帮助。它的工作原理正是它所需要的。

<script>
window.onload = function(){
  var obj = {
    price: 500
  }
  var wifi = document.getElementById("wifi");
  wifi.addEventListener('click',function(){
    obj.price += parseFloat(wifi.value)
    // document.writeln(obj.price)
  })
}
</script>