JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
        <script src="JavaScript.js"></script>

    <body>
		
			<input type="text" id="insert"/>
		

			<a href="#" id="clickme">Click me to list</a>
		<ul id="movies-list"></ul>
    </body>

JavaScript

$(function () {
var item = [];
	$.getJSON("js/vendor/testedb.json", function(data) {
		
		for(var i=0; i<data.length; i++)
			item.push('<li>' + data[i].titulo + ', ' + data[i].duracao + '</li>');
	    }
		$("#movies-list").append(item);
	});
	
	
	$("#clickme").click(function() {
		
		var valorDoInput = $("#insert").val();
		
		var nomeDoFilme = prompt("Qual o nome do filme?");
		var duracao = prompt("Qual a duração do filme?");
		var genero = prompt("Qual o genero do filme?");
		var visto = prompt("Você já assistiu esse filme?");

    $("#movies-list").append('<li>' + nomeDoFilme + ', ' + duracao + '</li>');
	});
	
});