JavaScript sonuçları bir iframe'e nasıl gönderilir

Question

Gönderme sırasında bastığımda bunu yapmaya çalışıyorum, ilk kutunun sonuçlarını dağıtır ve iframe'e işlenmiş Javascript olarak çıkarır, çünkü herhangi bir nedenle kutu kaybolur Düğmeye her bastığımda web sayfasında.

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

Kodunuzdaki fazla hata oluştu. Onları tamir ettim.

HTML'ye iframe ekleyemez ve onunla oynamazsınız. JS kodunu görün.

Gönderme sırasında, if durumunuzda ve önizlemede displayPreview işlevini çağıracaktır.