<link rel="stylesheet" type="text/css" href="https://skylightanimation.github.io/assets/plugin/font-awesome/4.7.0/css/font-awesome.css">

<link rel="stylesheet" type="text/css" href="https://skylightanimation.github.io/assets/plugin/bootstrap/3.3.7/bootstrap.min.css">

<script type="text/javascript" src="https://skylightanimation.github.io/assets/plugin/jquery/jquery-3.4.1.min.js"></script>

<script type="text/javascript" src="https://skylightanimation.github.io/assets/plugin/bootstrap/3.3.7/bootstrap.min.js"></script>

 

<div class="container">

    <br>

    <div class="input-group">

        <input type="text" class="form-control" id="text-copy" value="https://LangITTutorial.blogspot.com">

        <span class="input-group-btn">

        <button class="btn btn-success copy-btn" type="button">

            <span class="fa fa-copy"></span>

        </button>

        </span>

    </div>

</div>

 

<script type="text/javascript">

    $(document).ready(function(){

        $('.copy-btn').on("click", function(){

            $("#text-copy").select();

            document.execCommand("copy");

            alert('text copied...');

        })

    })

</script>