JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<ul>
    <li><a href="http://stackoverflow.com/">Stackoverflow</a><span class="add">+</span></li>
<li><a href="http://meta.stackoverflow.com/">Meta-Stackoverflow</a><span class="add">+</span></li>
<li><a href="http://blog.stackoverflow.com/">Stackoverflow Blog</a><span class="add">+</span></li>
</ul>
<textarea id="linkStore">
</textarea>

CSS

li {
    width: 200px;
    margin: 0 0 0.5em 0;
}
a {
}
span.add {
    float: right;
}

#linkStore {
    width: 80%;
    margin: 0 auto;
    height: 10em;
}

JavaScript

$(document).ready(
    function(){
     $('.add').click(
         function(){
             var txt = $(this).prev('a').attr('href');
             var curTxt = $('#linkStore').val();
             $('#linkStore').val(txt + '\n' + curTxt);
         }
         );
    }
    );