javascript - 测试 JavaScript 对象如何与简单的 HTML 配合使用,但它不适用于浏览器

标签 javascript

我是 JavaScript 新手。我正在练习对象并编写了这段非常短的简单代码,但当我在浏览器上运行它时它不起作用。我一直在绞尽脑汁思考我在这里做错了什么。这是 HTML 代码的一部分。

由于代码很短,我将 JavaScript 代码插入到 HTML 文件中。

<div>
    This is a bet site called <span id="betname"></span> <br /> 
    Number of available games: <span id="available"></span>
</div>

<script type="javascript">
var = details {
    name: 'betwin.',
    game: 20,
    played: 10,
    checkAvailability: function(){
	    return this.game - this.played;
    }
};

var elName = document.getElementById('betname');
elName.textContent = details.name;

var elFigure = document.getElementById('available');
elFigure.textContent = details.checkAvailability();
</script>

最佳答案

你已经很接近了,但你的变量定义错误。您想将详细信息放在=的左侧。

var 详细信息 = {...

关于javascript - 测试 JavaScript 对象如何与简单的 HTML 配合使用,但它不适用于浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46009924/

相关文章:

javascript - 如何在javascript中分割一个大整数

javascript - 从商店的前端 Shopify javascript api

javascript - 如何在面向对象的方法中将相似的方法和变量组合在一起?

javascript - 创建一个可重用的函数来打开和发送 Ajax

javascript - 有没有办法确定在 Firebug 或网络检查器中发出 XHR 的行?

javascript - 使用 Javascript 在 Razor 中按值排序

javascript - Angular 观察组未能始终如一地接收模型变化

javascript - 自定义绑定(bind)后运行默认绑定(bind)

javascript - 是否有跨浏览器的方法来抑制大多数输入字段的输入?

javascript - 从background.js操作popup.html的DOM