Lösungen ,comandercopy ohne textfelder

comandercopy-ohne-textfelder.php

Quell Code

 <!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>