JavaScriptの結果をiframeに出力するには

Question

私はsubmitを押すと最初のボックスの結果を吐き出し、何らかの理由で処理されたJavascriptをiframeに出力しますボタンを押すたびにウェブページ上に表示されます。

function resetAreaBox(){ 
 
     $('display').value = ""; 
 
     $('textarea1').value = ""; 
 
    } 
 

 
    function $(id){ return document.getElementById(id)} 
 

 
function check() { 
 

 
    var box = $("textarea1"); 
 

 
    if (box.value) { 
 
     
 

 
     $("display").innerHTML = box.value; 
 
     
 
    } else { 
 
     alert('Please enter text'); 
 
    } 
 
} 
 
$("button").onclick = check;

<form> 
 
        <textarea id="textarea1" name="textarea1" rows="5" cols="40" placeholder="TEST"></textarea> 
 

 
        <iframe id="display"></iframe> 
 

 

 
        <br> 
 
        <br> 
 
        <input type="button" id="submitAlert" value="Reset Field" onclick="resetAreaBox()"> 
 
        <input type="button" value="Submit" id="button"> 
 
       </form>

Answer 1

JSBin - http://jsbin.com/midexefiqo/1/edit?html,js,output

あなたのコードには多くの誤りがありました。私はそれらを修正した。

iframeをHTMLに追加して再生することはできません。 JSコードを参照してください。

送信時には、ifの機能displayPreviewが呼び出され、プレビューされます。