JSFiddle - React, Tailwind, and code Playground

by xalvin11

HTML

<input id="link-input" type="text" />
<div class="preview-area">
    <img id="preview-image" src="" />
    <h4 id="preview-title"></h4>
</div>

CSS

#link-input {
    width: 450px;
}

.preview-area {
    display: block;
    min-height: 100px;
    border: 1px solid;
}

JavaScript

$('#link-input').keyup(function(e) {
    var code = e.which;
    if(code == 13) 
        e.preventDefault();
    if(code == 32 ||code == 13 || code == 188 || code == 186){
        preview($(this).val());
    }
});

function preview(linkURL) {
    
}