JSFiddle - React, Tailwind, and code Playground

by Brodingo

HTML

<input id="donate" type="text">
<br>
<div id="output">derp</div>

JavaScript

var donate = $('#donate'),
    output= $('#output');

donate.hide().after('<strong>What is your fundrasing goal?</strong><br><input class="goal-amt" type="radio" name="donation"> <input class="custom-goal-amt" type="text"><br><input class="goal-amt" type="radio" name="donation" value="100"> $100<br><input class="goal-amt" type="radio" name="donation" value="1000"> $1,000<br><input class="goal-amt" type="radio" name="donation" value="5000"> $5,000<br><input class="goal-amt" type="radio" name="donation" value="15000"> $15,000<br>');

$('.goal-amt').change(function(){
    var newval = $(this).val();
    donate.val(newval);
    output.html(newval);
});

$('.custom-goal-amt').bind("keyup keydown", function(){
    var $this = $(this),
        newval = $this.val();
    $this.prev().attr("checked","checked").val(newval).trigger("change");
    
});