JSFiddle - React, Tailwind, and code Playground

by Michaël Vanbrabandt

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<img src="edit.png" style = "height:35px;margin-left :8px;" id="abc">
    
    <div id="dialog-confirm" style="display:none;">
         <form>      
            <label for="name">Name</label>
            <input type="name" id="name" required>
            <label for="number">Number</label>
            <input type="number" id="number" required>
            <label for="email">Email</label>
            <input type="email" id="email" required>
            <input type="submit" id="submit">
            <input type="submit" id="cancel" value="Cancel">
        </form>
    </div>

JavaScript

$(document).ready(function() { // remove the quotes here arround document
    $("#abc").click(function() {
        $("#dialog-confirm").dialog({
            modal: true,
            width: 400,
            height: 400 // remove the comma here
        });
    });
});