JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript">
    $(document).ready(function(){
        $("#email").keyup(function() {
            var email = $("#email").val();
            $('#DisplayEmail').text(email).attr("href", "pakka.in.th" + email);
        });
    });
</script>

<form>
    <input id="email" name="email" size="40" />
</form>

<a id="DisplayEmail" href=""></a>

JavaScript

$('#find_1 input:checkbox').change(function() {
    var colours = $("#find_1 input:checkbox:checked").map(function() {
        return this.value;
    }).get().join(',');
    $("#t").find("a").attr('href', '/colors/' + colours);
    $("#result").text('href is now: ' + '/colors/' + colours);
}).change();