页面不会从javascript更改
我正在通过github页面使用Jekyll开发一个网站。我正在编写一些简单的Java脚本来生成一个随机数生成器,但它们无法更改页面上的值 该页面包含以下内容: /resume/index.html页面不会从javascript更改,javascript,html,jekyll,github-pages,Javascript,Html,Jekyll,Github Pages,我正在通过github页面使用Jekyll开发一个网站。我正在编写一些简单的Java脚本来生成一个随机数生成器,但它们无法更改页面上的值 该页面包含以下内容: /resume/index.html <form> <input type="text" name="#d" maxlength="3" value="1" /> <div class="dice_text">d</div> <input type="text" name="d#" m
<form>
<input type="text" name="#d" maxlength="3" value="1" />
<div class="dice_text">d</div>
<input type="text" name="d#" maxlength="2" value="4" />
<button type="button" name="rollme" onclick="roll()">roll</button>
<div class="dice_text"> : </div>
<input type="text" id="dieresult" readonly />
</form>
出于某种原因,我不明白,当您按下按钮时,roll()函数将被调用并发出警报,因此该站点似乎包含javascript文件,但它拒绝更改页面以在只读字段中显示数字
我的回购协议在线地址为,问题站点url为
已编辑:更正了“id”与“name”的问题,但页面仍然不会更改“dieresult”的值。您将
名称属性与
当您尝试使用document.getElementById
获取该元素时,它将返回null
使iddiesult可以解决这个问题。我强烈建议您使用浏览器内置的JavaScript控制台——您很快就会发现这样的小错误 您的
没有ID,这是您在文档行中查找的ID。getElementById('dieresult')。setAttribute('value','3')代码>
如果将
更改为
,并将其置于roll()函数中,它应该可以正常工作您的输入有一个名称,但您按id查询它,请将其更改为:
jquery上有一个404。通过在roll
文件夹中放置jquery来修复此问题
一旦每个人都在船上,你就可以试着执行你的代码
$( document ).ready(function() {
document.getElementById('dieresult').setAttribute('value', '3') ;
});
请参见愚蠢的错误,但将html改为指示“id”似乎并不能解决问题。这个问题目前仍然存在
$( document ).ready(function() {
document.getElementById('dieresult').setAttribute('value', '3') ;
});