JavaScriptのdocument.getElementbyId.innerHTMLを使用して関数の結果をブラウザに変数として表示

-1

私はJavaScriptの初心者です< 1週前非常に短いHTML/JavaScriptを書き、コンソールに表示させました。JavaScriptのdocument.getElementbyId.innerHTMLを使用して関数の結果をブラウザに変数として表示

基本的に、変数として使用された関数の結果をHTMLの<p>タグ内に表示したいとします。

コンソールに表示するスクリプトを取得しました。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width"> 
<title>JS Bin</title> 
</head> 
<body> 
<script> 
var kilo = function(pound) { 
    return pound/2.2; 
} 
kilo (220); 
console.log (kilo(220)); 
</script> 
<script> 
var kilog = function(pounds) { 
    return pounds/2.2; 
} 
console.log (kilog(440)); 
</script> 
<p id="Kilograms"><!--I want the result here--></p> 

</body> 
</html>

にはどうすればVARキロ（ポンド）...のIDキログラムとpタグに表示するすなわち変数として関数の結果を得るのですか？

出典

2017-02-10 Zachra

の可能性のある重複した[document.writeをせずにHTMLページではJavaScript変数を表示する方法]（http://stackoverflow.com/questions/9689109/how-to-display-javascript-variables-in-a -html-page-without-document-write） –

そして、その質問への答えは、あなたにそれを行う方法を正確に教えてくれます... –

私の謝罪マイク、それは私が探しているものではありません。特定の関数document.getElementById.innerHTMLを使用して、ブラウザのHTMLに表示する変数として関数の結果を書きたいと思います。私は結果をコンソールに書き込むためのスクリプトを手に入れました。同じ結果がHTMLのp要素タグの間に現れるようにします。 – Zachra

スクリプトBODYコードの後もSHOLD試してみてください、またはあなたが文書readyイベントリスナーを追加する必要があります。 JSBinに

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width"> 
<title>JS Bin</title> 
</head> 
<body> 
<p id="Kilograms"><!--I want the result here--></p> 

</body> 
<script> 
var kilo = function(pound) { 
    return pound/2.2; 
} 
kilo (220); 
console.log (kilo(220)); 

var kilog = function(pounds) { 
    return pounds/2.2; 
} 
console.log (kilog(440)); 
document.getElementById("Kilograms").innerHTML = kilog(440); 
</script> 
</html>

例：：だから、このソリューションを試してみてくださいhttps://jsbin.com/pacovasuve/edit?html,output

出典

2017-02-10 18:25:49

私はjsbinでエラーが発生しました。 – Zachra

私は私の答えを編集しました。今見ます。 –

ありがとうございます。私のために働いた。昨日働いてもらったけど、あなたは正しい方向に私を指差した。 – Zachra

この

var p = document.getElementById('Kilograms'); 
p.innerHtml = 'any text'; 
// OR 
p.innerHtml = kilog(440);

出典

2017-02-10 18:24:47 Shayan

このコードがOPに役立つ理由/方法の説明を追加してください。これにより、今後の視聴者からの回答が得られます。詳細については、[このメタ質問とその回答]（http://meta.stackoverflow.com/q/256359/215552）を参照してください。 –

@Shayanお願いします。私はそこにテキストが必要なわけではありません。むしろそこに変数として関数の結果があります。 – Zachra

@Zachra私は私の答えを編集しています。それを見てください – Shayan

あなたのJSコードでこれを試すことができます。

document.getElementById("Kilograms").innerHTML="write whatever you want here";

出典

2017-02-10 18:26:30

答えの解説は常に高く評価されています。 –

JavaScriptのdocument.getElementbyId.innerHTMLを使用して関数の結果をブラウザに変数として表示

答えて

関連する問題