Rupesh Mishra happymishra

## throttleEx.html
<html>

    <style>
        div {
            border: 1px solid black;
            width: 300px;
            height: 200px;
            overflow: scroll;
        }
    </style>

## issueWODeThEx.html
<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>

## debounceEx.html
<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>

## clearTimeout.js
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)

## throttle.html
<html>

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

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

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

var timerId = setInterval(delayFuncExec, 100)

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

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

var timerId = setTimeout(delayFuncExec, 100)

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

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

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

        var clickFunction = function(){

## issueWithoutDeThro.html
<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>

## share1.html
<!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>
	<html>

	<style>
	div {
	border: 1px solid black;
	width: 300px;
	height: 200px;
	overflow: scroll;
	}
	</style>
	<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>
	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)
	<html>

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

	<script>
	var timerId;
	var clickBtn = document.getElementById('click-btn');
	function delayFuncExec () {
	console.log("I will be called after every 100 milliseconds");
	}

	var timerId = setInterval(delayFuncExec, 100)

	console.log("Timer Id: " + timerId)
	function delayFuncExec() {
	console.log("I will be called after 100 milliseconds");
	}

	var timerId = setTimeout(delayFuncExec, 100)

	console.log("Timer Id: " + timerId)
	<!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>