Javascript说“功能未定义”,但它是在我的简单网页上定义的

时间:2019-06-11 14:44:45

标签: javascript

我正在尝试为我的一个好友创建一个简单的网页,以测试并赢得来自乳业皇后的免费dilly酒吧(并同时教我更多有关javascript的知识)。不幸的是,JavaScript声称我的函数是未定义的,但是从代码中可以看出,它是已定义的。不知道这里发生了什么,任何帮助将不胜感激!

我首先制作了一个简单的页面,其中包含3个文本框:“工资额”,“借条”和“净工资”,然后单击一个按钮,然后从“工资额”中减去“借条”,然后在“净工资”框中显示结果。它工作正常,所以我修改了代码以制作免费的Dilly Bar页面,由于某种原因,它现在不起作用。我以前有过编程经验,但我承认我现在迷路了。我读到使用OnClick是一种不好的做法,但是在上一页中,OnClick的技巧很好,所以不确定在这里我做错了什么。

    document.write("Fill in the boxes then click the button!");

    function dbCode() {
	
	if document.getElementById("firstNum").value == "5" && 
    document.getElementById("secondNum").value == "50" {
	
			alert("Congratluations! Your code is: 12345678");
			
	   }
	
    }
    What is the next number in the pattern?<BR><BR>
    1,2,3,4?<input type = "text" id = "firstNum"><BR><BR>
    10,20,30,40?:<input type = "text" id = "secondNum"><BR><BR>

    <input type = "button" OnClick = "dbCode();" value = "Get your Dilly Bar 
    Code!"><BR><BR>

我原本以警告框的形式输出的是12345678 ...相反,什么也没发生。

2 个答案:

答案 0 :(得分:3)

您在if语句中犯了一个小错误-您错过了有关标准的括号:

if (document.getElementById("firstNum").value == "5" && 
    document.getElementById("secondNum").value == "50") {

这是有效的代码段:

document.write("Fill in the boxes then click the button!");

function dbCode() {
    if (document.getElementById("firstNum").value == "5" && 
        document.getElementById("secondNum").value == "50") {
	
    	alert("Congratluations! Your code is: 12345678");
			
    }
	
}
   What is the next number in the pattern?<BR><BR>
   1,2,3,4?<input type = "text" id = "firstNum"><BR><BR>
   10,20,30,40?:<input type = "text" id = "secondNum"><BR><BR>

   <input type = "button" OnClick = "dbCode();" value = "Get your Dilly Bar 
   Code!"><BR><BR>

答案 1 :(得分:1)

您只是想将if条件包装在()中。

    document.write("Fill in the boxes then click the button!");

    function dbCode() {
	
	if (document.getElementById("firstNum").value == "5" && 
    document.getElementById("secondNum").value == "50") {
	
			alert("Congratluations! Your code is: 12345678");
			
	   }
	
    }
    What is the next number in the pattern?<BR><BR>
    1,2,3,4?<input type = "text" id = "firstNum"><BR><BR>
    10,20,30,40?:<input type = "text" id = "secondNum"><BR><BR>

    <input type = "button" OnClick = "dbCode();" value = "Get your Dilly Bar 
    Code!"><BR><BR>