2016-04-27 65 views
1

我試圖做一個簡單的代碼,所以當你插入你的名字時,它將它插入到文本中,但是如果你不插入你的名字,它會要求你插入你的名字。代碼看起來應該可以工作,但它不會。誰能幫我?if else javascript error

<body> 

<h3>Please enter your name</h3> 

<input type="text" id="name" value="" placeholder="Please enter your name"> 

<p id="dolly"></p> 

<button onclick="yourName()">Enter</button> 


<script> 
function yourName() { 
var x = document.getElementById("name").value; 
if (x == "") { 
document.getElementById("dolly").innerHTML = "Hello, " + x + ", My name is Dolly."; 
} else { 
document.getElementById("dolly").innerHTML = "Please enter your name."; 
} 
</script> 
</body> 
+0

需要用'X == 「」'或'X === 「」' – edhurtig

+1

需要用'X!= 「」' 的完整代碼中給出。 – nnnnnn

+2

大聲朗讀你的代碼。如果x等於一個空字符串,則顯示名稱,否則告訴用戶輸入他們的名字。接下來,學習如何在瀏覽器中使用開發人員控制檯來定位錯誤,這將爲您帶來語法問題。 – epascarello

回答

3
function yourName() { 
var x = document.getElementById("name").value; 
if (x.length != 0) { 
document.getElementById("dolly").innerHTML = "Hello, " + x + ", My name is Dolly."; 
} else { 
document.getElementById("dolly").innerHTML = "Please enter your name."; 
} 
} 
+0

工作了,謝謝 – Chewynugget

+0

所以爲了清楚起見,你也錯過了函數的結束括號。 – Raz

1

變化if (x == "")if (x != "")和關閉功能括號。

<body> 
 

 
<h3>Please enter your name</h3> 
 

 
<input type="text" id="name" value="" placeholder="Please enter your name"> 
 

 
<p id="dolly"></p> 
 

 
<button onclick="yourName()">Enter</button> 
 

 

 
<script> 
 
function yourName() { 
 
    var x = document.getElementById("name").value; 
 
    if (x != "") { 
 
    document.getElementById("dolly").innerHTML = "Hello, " + x + ", My name is Dolly."; 
 
    } else { 
 
    document.getElementById("dolly").innerHTML = "Please enter your name."; 
 
    } 
 
} 
 
</script> 
 
</body>

1

變化if(x=="")if(x!=="" && x.length!==0),並添加一個右括號關閉該功能。下面

<body> 
 

 
<h3>Please enter your name</h3> 
 

 
<input type="text" id="name" value="" placeholder="Please enter your name"> 
 

 
<p id="dolly"></p> 
 

 
<button onclick="yourName()">Enter</button> 
 

 

 
<script> 
 
function yourName() { 
 
    var x = document.getElementById("name").value; 
 
    if (x !== "" && x.length !==0) { 
 
    document.getElementById("dolly").innerHTML = "Hello, " + x + ", My name is Dolly."; 
 
    } else { 
 
    document.getElementById("dolly").innerHTML = "Please enter your name."; 
 
    } 
 
} 
 
</script> 
 
</body>