2016-04-18 19 views
1

入力 'x'を取り込み、結果データを出力して 'id'の 'p'タグ内に出力する "printf"関数を作成しようとしています'の' para '。しかし、なぜそれが動作していないのかわからない。私は 'x'と一緒に 'this'を使うべきかどうかわかりません。しかし、私は知らない。ここでJavascript - HTMLへの印刷機能の作成が機能していません

は私のJSです:ここで

<div class="play"> 

    Input:<input type="text" id="userInput" /> 
    <button type="button" id="submit" onclick="check()">Submit</button> 

    <div id="open"> 
     <h3>Terminal:</h3> 

     <p id="para"></p> 
    </div> 

    <h1>Time to play a game!</h1> 
</div> 
+0

?ブラウザがあなたのhtmlを解析した後に呼び出される必要があります。問題の関数に 'this'は必要ありません。 – nnnnnn

+0

あなたのコードは正常に動作するはずです。あなたは[syntax-error]でそれをタグ付けしました、あなたは何を得ているのですか? – skyline3000

答えて

2

作業コード:

function printf(x) { 
    document.getElementById("para").innerHTML = x; 
}; 

printf("Hello!"); 

は、ここに私のHTMLです。 returnが見つかりませんでした。あなたのJSから呼び出された

function printf(x) { 
 
    return document.getElementById("para").innerHTML = x; 
 
}; 
 

 
printf("Hello!");
<div class="play"> 
 

 
    Input: 
 
    <input type="text" id="userInput" /> 
 
    <button type="button" id="submit" onclick="check()">Submit</button> 
 

 
    <div id="open"> 
 
    <h3>Terminal:</h3> 
 

 
    <p id="para"></p> 
 
    </div> 
 

 
    <h1>Time to play a game!</h1> 
 
</div>

+0

**ありがとうございます!** – Tobymac208

+3

html要素のコンテンツを直接更新するときに、その関数がreturn文を必要とするのはなぜですか?関数に渡されたのと同じ値を返すだけで、関数を呼び出す行は戻り値を使用しようとしません。 – nnnnnn

+0

'return'のないバージョンを試してみました。だから問題は、ユーザーがそれを呼び出さなかったことかもしれない – Desmond

関連する問題