在html中调用js文件（无路径错误和书写错误），但js中的函数无法执行

Question

我在html中调用js文件

这个文件中有5个函数，其中有一个函数已经可以用了，但是这个文件中的另外两个函数在调用
的时候却没有反映，具体代码如下
html代码

    <form name="form_dx" action="#" method="post" onSubmit="return SubQuestion('dx');" >        
        <input type="hidden" value="<%=Task_ID %>"  name="Task_ID" />
        <input type="hidden" value="" name="Q_body" />
        <input type="hidden" value="" name="RightAnswer" />
        <p>问题：</p>
            <textarea rows="1" name="Q_head" cols="40" onpropertychange="this.style.posHeight=this.scrollHeight"></textarea>
            <br/><br/>
        <p>选项：</p>
        <ul id="ulAnswer_dx">
            <li><input type="radio" name="radio" value="A"/>A<input type="text" name="Answer" /></li>
            <li><input type="radio" name="radio" value="B"/>B<input type="text" name="Answer" /></li>
            <li><input type="radio" name="radio" value="C"/>C<input type="text" name="Answer" /></li>
            <li><input type="radio" name="radio" value="D"/>D<input type="text" name="Answer" /></li>
        </ul>

        <input type="button" name="MoreAnswer" value="增加选项" onClick="MoreAnswer('dx');" />
        <input type="button" name="LessAnswer" value="减少选项" onClick="LessAnswer('dx');" />
        <input type="submit" value="添加题目" />

    </form>
</div>``

-->
html代码解释
SubQuestion('dx')这个函数也在Question_Manage.js中，就是它能用
但是MoreAnswer('dx')和LessAnswer('dx')这两个函数不能用

js代码

function MoreAnswer(type){
alert("this is alert");//用来测试该函数有没有调用的临时警告
switch(type){
case "dx":
var ul = document.getElementById("ulAnswer_dx");
var lis = ul.getElementsByTagName("li");
var sign = document.createElement("p");

sign.style.display = "inline";
sign.innerHTML = String.fromCharCode(i.length+65);

var inputTitle=document.createElement("input");
inputTitle.setAttribute("type", "radio");
inputTitle.setAttribute("name", "radio");
inputTitle.setAttribute("value",'String.fromCharCode(lis.length+65)');
var input=document.createElement("input");
input.setAttribute("name","Answer");
input.setAttribute("type","text");
var li=document.createElement("li");

li.appendChild(inputTitle);
li.appendChild(sign);
li.appendChild(input);
ul.appendChild(li);
break;
case "marked":
var ul=document.getElementById("ulAnswer_marked");
var li=document.createElement("li");
var textArea=document.createElement("textarea");
textArea.setAttribute("rows", "1");
textArea.setAttribute("name", "Answer");
textArea.setAttribute("cols","100");
li.appendChild(textArea);
ul.appendChild(li);
break;
default: break;
}
}

function LessAnswer(type){
switch(type){
case "dx":
var ul = document.getElementById("ulAnswer_dx")
if(ul.firstChild.nextSibling == ul.lastChild){
alert("已减至最后一项");
}else{
ul.removeChild(ul.lastChild);

}
break;
case "marked":
var ul = document.getElementById("ulAnswer_marked")
if(ul.firstChild.nextSibling == ul.lastChild){
alert("已减至最后一项");
}else{
ul.removeChild(ul.lastChild);

}
break;
}
}

js代码解释

MoreAnswer(type)和 LessAnswer(type)是用来增加和删除html中的元素，但现在这两个函数却在点击按钮的时候无法调用

Answer 1

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 这篇博客也许可以解决你的问题👉 ：在HTML中调用JS的变量

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^