<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
p{
text-align:center;
font-size:30px;
font-weight:900;
}
#reture{
display:inline-block;
border:2px solid black;
background:lightblue;
}
#test{
width:100%;
height:30px;
}
</style>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
</head>
<body>
<label>Gebe deinen Namen oder sonst was ein und klicke dann auf koieren in zwischenablage</label>
<input type="text" name="name" id="name"><input type="button" id="senden" value="In derzwischenablage kopieren">
<br>
<div id="ip"> </div><br>
<input id="test" type="text" placeholder="Teste hier das kopierte mir rechts klick und einfügen"><br>
<script>
$('#senden').click(function(){
var targetId =$('#name').val();
$('#ip').html('Habe den Text <b>'+targetId+' </b> in dr zwischen ablage kopiert,inclusive diesen Text weil wir den jetzt aus den html kopieren willen und nicht aus den value feldern')
target = document.getElementById('ip');
var target = document.createElement("textarea");
target.style.position = "absolute";
target.style.left = "-9999px";
target.style.top = "0";
target.id = targetId;
target.value=$('#ip').html();
document.body.appendChild(target);
target.focus();
target.setSelectionRange(0, target.value.length);
document.execCommand("copy");
//$('#aus').html(target.value);
});
</script>
</body>
</html>