<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
  <h1>CONCORDANCIA EXACTA</H1>
<script>
function transduccion() {
    result = []
    console.log($("#area").val())
    for (row of $("#area").val().split("\n")) {
        result = result+'['+row+']\n'
    }
    console.log("resultado:"+result)
    $("#resultado").text(result)

}
</script>
<body>
<textarea id="area" name="textarea" rows="10" cols="50">Escribe tus palabras clave</textarea>
<pre id="resultado">RESULTADO</pre>
<button onclick="transduccion()">Modificar concordancia</button>
</body>
</html>
body {
  background: #f0f0f0;
  color:BLACK;
   text-align:center;
}

header, div {
  text-align:center;
}

header {
  font-size:40px;
  font-weight: 600;
  height:100%;
}

iframe {
  display:block;
  margin-top: 20px;
  margin-left: 200px;
  width:850px;
  height:100%;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.