HTML/JavaScriptの

-3

[SOLVED]私はそれがcuboidCalc関数のコードでとoutputOne置き換える私はcuboidCalc をクリックしたときようにそれを作るしようとしているHTML/JavaScriptの

<!DOCTYPE html> 
<html> 
<body> 
<p>volume only</p> 
<input type="button" onclick="cuboidCalc()"> cuboidCalc <br> 
<input type="button" onclick="cylinderCalc()"> cylinderCalc <br> 
<input type="button" onclick="triPrismCalc()"> triPrismCalc <br> 

<p id="outputOne"></p> 

<p id="outputTwo"></p> 

<script> 
function cuboidCalc() { 
    document.getElementById("outputOne").innerHTML = "hight: <input type="number" id="hight" value="">"; 

} 
function cylinderCalc() { 

} 
function triPrismCalc() { 

} 
</script>

出典

2016-07-04 godith 320

でしたか？たった今？ –

ちょうどあなたの引用を変更私は思う：それはすべての違いを、私はまた<button>への入力を変更し

function cuboidCalc() { 
    document.getElementById("outputOne").innerHTML = "hight: <input type='number' id='hight' value=''>"; 

}

出典

2016-07-04 18:58:09 ConorJohn

問題は二重引用符（"..."）を使用して囲み、関数内で属性値を指定するときに問題になります。このような単一引用符で囲むか、内側の二重引用符を交換してみてください：

function cuboidCalc() { 
    document.getElementById("outputOne").innerHTML = 'hight: <input type="number" id="hight" value="">'; 
}

編集：これより良いを説明するために、文字列の文の中の二重引用符は、文が停止になります、したがって、それはとして理解されるであろう後に何もコードでは意味がありません。このため、引用文を変更する必要があるため、文全体を囲むと見なされる一方で、他は引用符を使用して属性値を指定することができます。より多くの引用が必要な場合は、バックスラッシュ（\）のエスケープ文字を使用してください。 statement = '<input onClick="foo(\'bar\')">'。

ここにはdemoがあります。

出典

2016-07-04 18:58:42 webeno

答えて

関連する問題