Javascript 将变量绑定到对象属性

我正在将一个全局变量更改为HTML中输入字段的值。然后我尝试获取这个值并在另一个变量中使用它。但是，这不起作用，在控制台中，值会更改，但在变量opts中不会更改。如何使javascript成功地传递此信息？这里有一个指向JSFIDLE的链接，我在那里运行它。我正在尝试更改此示例中的光线数：

可以使用将函数绑定到对象属性并在每次查找该属性时使用该函数的返回值的

var opts = {
    get rays(){
       return loadValue;
    },
    get radiantSpan(){
       return loadValue;
   }
}

var loadValue=1；
变量选项={
获取射线{
返回加载值；
},
获取radiantSpan（）{
返回加载值；
}
}
函数showOpts（）{
log（'opts.rays:'，opts.rays'）；
log（'opts.radiantSpan:'，opts.radiantSpan）；
} 
showOpts（）；
loadValue++；
showOpts（）无法将对象属性“绑定”到这样的变量。请将此代码转换为可运行的代码段，包括
控制台.log
，以便我们可以运行它并了解您的意思。还要注意，您正在向
val（）发送一个参数
函数，但它不需要。当函数不接受任何参数时，为什么要调用带有参数的
val
？我在问题中添加了一个指向JSFIDLE的链接@谢谢你的帮助，我已经试过了，但是没有用，我得到了一个意外的标识符。请检查完整的代码：真的，好消息我已经花了好几个小时试图解决这个问题，你能在JSFIDLE上更新代码吗？会有很大帮助（hev1.）谢谢你的帮助！你是个省时/救命的人干杯，兄弟@亚历克斯：没问题。
var opts = {
    get rays(){
       return loadValue;
    },
    get radiantSpan(){
       return loadValue;
   }
}