JavaScript簡單錯誤

Question

我的JavaScript程序出現錯誤。檢查出來：

HTML：

<form class="form-inline"> 
    <input class="form-control" id="present" placeholder="Introduza algo">"); 
</form> 

<button class="btn btn-primary" onclick="apresentar()">Result</button> 

</div> 
<div id="result"> 
</div> 

JS：

function apresentar(){ 
    var b = document.getElementById("present").value; 
    var c = document.getElementById("result"); 
    var a = c + b; 
    c.innerHTML = a; 

}; 

我要輸入一些文字，這段文字將與我公司推出的較早的文本串聯。

Answer 1

您正在向文本添加DOM元素。進行此更改：

function apresentar(){ 
    var b = document.getElementById("present").value; 
    var c = document.getElementById("result"); 
    c.innerHTML += b; 
}; 

Answer 2

首先，您有一些無效的HTML。

修復它之後，它應該是這樣的：

<form class="form-inline"> 
    <input class="form-control" id="present" placeholder="Introduza algo"/> 
</form> 

<button class="btn btn-primary" onclick="apresentar()">Result</button> 


<div id="result"></div> 

確保正確關閉所有標籤（如input），和你有一些收divs除非你是不到位缺少一些代碼。

然後，用如上述的評論中提到，你的函數應該是這樣的，使用c.innerHTML後：

function apresentar(){ 
    var b = document.getElementById("present").value; 
    var c = document.getElementById("result"); 
    var a = c.innerHTML + b; 

    c.innerHTML = a; 

}; 

Fiddle