JSFiddle - React, Tailwind, and code Playground

by Katarina Countiss

HTML

<div class='para1'>
Div with class a <input type="text">.
    </div>
        
            <div class='para1'>
Div with class a <input type="text">.
    </div>
                
                    <div class='para2'>
  Div with class b <input type="text">.
    </div>
        <br><input type="button" id="print" value="print"><br>
    I want all of the inputs with class a to show here...
        <textarea id="output2" rows=5 cols=50></textarea>

JavaScript

$('#print').click(function(){

	var text2 = $('.para1 input').val();
    $('#output2').val(text2);});