Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
页面不会从javascript更改_Javascript_Html_Jekyll_Github Pages - Fatal编程技术网

页面不会从javascript更改

页面不会从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

我正在通过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#" 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') ;
});