Rupesh Mishra happymishra

happymishra / throttleEx.html

Created July 2, 2019 16:08

happymishra / issueWODeThEx.html

Last active July 2, 2019 14:57

	<html>
	<body>
	<label>Search</label>
	<!-- Renders an HTML input box -->
	<input type="text" id="search-box">

	<p>No of times user actually clicked</p>
	<p id='show-api-call-count'></p>

	</body>

happymishra / debounceEx.html

Created July 2, 2019 14:46

	<html>

	<body>
	<label>Search</label>
	<!-- Renders an HTML input box -->
	<input type="text" id="search-box">


	<p>No of times user actually clicked</p>
	<p id='show-api-call-count'></p>

happymishra / clearTimeout.js

Created July 2, 2019 13:54

	function delayFuncExec() {
	// This statement will not be printed as it will be cancelled by
	// clearTimeout
	console.log("I will not be executed as I will be cancelled");
	}

	var timerId = setTimeout(delayFuncExec, 100)

	console.log("Timer Id: " + timerId)

happymishra / throttle.html

Created July 1, 2019 04:51

	<html>

	<body>
	<button id="click-btn">Click me!</button>
	</body>

	<script>
	var timerId;
	var clickBtn = document.getElementById('click-btn');

happymishra / setInterval.js

Created June 30, 2019 19:58

	function delayFuncExec () {
	console.log("I will be called after every 100 milliseconds");
	}

	var timerId = setInterval(delayFuncExec, 100)

	console.log("Timer Id: " + timerId)

happymishra / setTimeout.js

Created June 30, 2019 19:52

	function delayFuncExec() {
	console.log("I will be called after 100 milliseconds");
	}

	var timerId = setTimeout(delayFuncExec, 100)

	console.log("Timer Id: " + timerId)

happymishra / debounce.html

Created June 30, 2019 18:48

	<html>
	<body>
	<button id="click-btn">Click me!</button>
	</body>

	<script>
	var timerId;
	var clickBtn = document.getElementById('click-btn');

	var clickFunction = function(){

happymishra / issueWithoutDeThro.html

Created June 30, 2019 15:49

	<html>
	<body>
	<label>Search</label>
	<!-- Renders an HTML input box -->
	<input type="text" id="search-box" oninput="makeAPICall()">

	<!-- Displays number of time makeAPICall method is called -->
	<p id='show-api-call-count'></p>
	</body>

happymishra / share1.html

Created June 29, 2019 09:16

	<!DOCTYPE html>
	<html>
	<body>
	<label for=shared_file>File(s):</label></td>
	<input id='share-files' type="file" multiple>
	<button id="share-button">Share</button>
	</body>
	<script src='share.js'></script>
	</html>