innerHTML e ourtos para visualização de respostas de Scripts

[jsmoraes]

Com uso de formulário tag FORM

Sem uso de formulário, caixas e botão no body:

(para efeito de verificação de alguma resposta de script, não há diferença significativa ao uso de ID)

Com função de janela ALERT.

Texto para janela de alerta

Transfere

Uso de paragrafo com ID:

I am a paragraph.

Click the button to get the HTML content of the p element.

Try it

Código Fonte:

<h3>Com uso de formulário tag FORM</h3>
<nabble_embed>
<form name="FOV1" action="">
  <input type="text" name="fov1_texto" size="23" value="texto para Inner" tabindex="1" /><p>
  <input type="button" value="Transferir" name="B1" tabindex="2" onclick="FOV1_transfere();" /><p>
  <input type="text" name="fov1_recept" size="23" value="" tabindex="3" />
</form></nabble_embed>
<h3>Sem uso de formulário, caixas e botão no body:</h3>
(para efeito de verificação de alguma resposta de script, não há diferença significativa ao uso de ID)

<nabble_embed>  <input type="text" name="cx_texto" size="23" value="texto para Inner" tabindex="1" /><p>
  <input type="button" value="Transferir" name="B1" tabindex="2" onclick="cx_transfere();" /><p>
  <input type="text" name="cx_recept" size="23" value="" tabindex="3" /></nabble_embed>
<h3>
Com função de janela ALERT.</h3>
<b>Texto para ser transferido:</b> <nabble_embed><p id="txt_alert">Texto para janela de alerta</p>
<button onclick="cx_alert()">Transfere</button>
</nabble_embed>

<h3>Uso de paragrafo com ID:</h3>
<nabble_embed><p id="myP">I am a paragraph.</p>

<p>Click the button to get the HTML content of the p element.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p></nabble_embed>


<script>
function cx_alert(){
    var x = document.getElementById("txt_alert").innerHTML;
    alert(x);
}

function myFunction() {
    var x = document.getElementById("myP").innerHTML;
    document.getElementById("demo").innerHTML = "<font color='red'>" + x + "</font>" + " sem cor";
}
var fov1 = document.FOV1;

function FOV1_transfere(){
   var txt = fov1.fov1_texto.value;
   fov1.fov1_recept.value = txt;
}
function cx_transfere(){
   var txt = document.getElementsByName("cx_texto")[0].value;
   document.getElementsByName("cx_recept")[0].value = txt;
}
</script>