<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html>
<body>
<h2>Concante the String</h2>
Text : <input id="text" type="text">
<br><br><br>
TextArea :<textarea id="textarea"></textarea>
<br><br>
<button onclick="myFunction()">Display</button><br><br>
String Concating :<span id="ans"></span>
<br><br>
<script>
function myFunction()
{
var x1=document.getElementById("text").value;
var x2=document.getElementById("textarea").value;
var ans=x1+""+x2;
// alert(ans);
document.getElementById("ans").innerHTML=ans;
}
</script>
</body>
</html>