Esto realmente es una pregunta simple, pero me gustaría saber como crear un botón, el cual al ser pulsado muestre un textarea, además, estoy trabajando con JavaScript, así que quería saber si es posible cargar el valor de una variable directamente en el textarea.
En resumen, quiero que al presionar el botón "unir" se cree un textarea con el resultado completo.
Les dejo mi código para que tengan una idea mas clara de lo que quiero hacer:
<!DOCTYPE html>
<html>
<head>
<title>Unir con salto de linea</title>
<meta charset="UTF-8">
</head>
<body>
<form name="prueba">
Primera Frase: <input type="text"id="textA" />
Frase final: <input type="text"id="textB" />
<br>
<br>
Contenido Medio
<br>
<textarea name="textC" id="textC" cols="50" rows="10"></textarea>
<br>
</form>
<script>
function unirTexto(){
var c1=document.getElementById('textA').value;
var c2=document.getElementById('textB').value;
var t1=document.getElementById('textC').value;
var p = t1.split(/\n/g);
var resultado = document.getElementById('resultado');
var html = "";
for (var i = 0; i < p.length; i++) {
html += c1 +' '+ p[i] +' '+ c2 + "<br>";
resultado.innerHTML = html;
}}
function limpiar() {
document.getElementById('textA').value =" ";
document.getElementById('textB').value =" ";
document.getElementById('textC').value =" ";
resultado.innerHTML = " ";
}
</script>
<button onclick="unirTexto()" id="unir">Unir</button>
<button onclick="limpiar()" id="limpiar">Limpiar</button><br>
Resultado:<br> <span id="resultado"></span>
<br>
</body>
</html>