JSFiddle - React, Tailwind, and code Playground

by agapetos

HTML

<form>
<input type="button" value="start the show" onclick="rotateImage(0)">
<input type="button" value="stop the show" onClick="clearTimeout(the_timeout)">
<br/><br/>
<div style="border:1px solid #000;width:550px;padding:5px">
Tekst: <input id="sours" type="text" style="width:300px"><br/><br/>
<input type="range" id="brzina" min="100" max="10000" value="5000" style="width:300px" onchange="updateRanges(this.value)"><input type="text" id="ranges" style="width:50px" value="5000" onchange="updateRange(this.value)" /> (hiljaditih delova sekunde)
</div>
Unos teksta <input type="radio" name="izbor" id="iz1" /><br/>
ili<br/>
Iz baze <input type="radio" name="izbor" id="iz2" checked="checked" /><br/>
<div style="border:1px solid #000;width:170px;padding:5px">
Broj reči:<input type="number" id="brreci" min="1" max="100" value="1"/><br/>
</div>
</form>
<center><img name = "my_image" src = "http://hisbase.vodicbg.com/semafor/ready.png" style="width:300px;height:250px"></center>

JavaScript

Array.prototype.randomize = function()
{
	var i = this.length, j, temp;
	while ( --i )
	{
		j = Math.floor( Math.random() * (i - 1) );
		temp = this[i];
		this[i] = this[j];
		this[j] = temp;
	}
}
 

var the_images = new Array();
var pre_images = new Array();
var the_timeout;
var brzina;
var izbor;
var brreci;
var prepbaza;
var...