JSFiddle - React, Tailwind, and code Playground

by Pandu A

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<br/>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.js"></script>

		<input type="file" id="fileUpload" style="margin-left:0.5em;" />
		<br/>
		<button type="button" id="upload" value="Upload"  class="btn btn-primary btn-default" title="Upload a CSV or TXT file" style="float: left; margin-left:0.5em;" >Upload</button>
		<button type="button" class="btn btn-primary btn-default" data-toggle="modal" data-target="#New-Employee-Modal" style="float: left; margin-left:1em;">Add New </button>
		
<button id="cmd" class="btn btn-primary btn-default" style="float: right;">
		Download as PDF		
		</button>
<div class="modal fade" id="New-Employee-Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<h4 class="modal-title" id="myModalLabel">Add New</h4>
				</div>
				<div class="modal-body">

					<div id="data">
    <form id="person">
       <div class="form-group">
        <label class="control-label">First Name:</label>
        <input class="form-control" id="FirstName" name="FirstName" type="text">
       </div>
        <div class="form-group">
        <label class="control-label">Last...

JavaScript

function fillForm(data) {
    var $form = $('#person');
    $form.find('input').each(function () {
        var $input = $(this);
        switch ($input.attr("name")) {
            case 'FirstName':
               $input.val(data['FirstName']);
               break;
            case 'LastName':
               $input.val(data['LastName']);
               break;
            default:
                break;

        }
    });
}        
          
            
        

        function ResetForm() {
            document.getElementById("person").reset();
        }