viggi-v/promiseDemo.html

## promiseDemo.html
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>
		Head
	</title>
	<script>
		function getTextFromFile(fileEvent){
        	return new Promise(function(resolve,reject){
            	var input = fileEvent.target;
            	var reader = new FileReader();
            	reader.onload = function(){
                	resolve(reader.result);
            	};
            	reader.onerror = function(){
                	reject(Error(reader.error));
            	};
            	reader.readAsText(input.files[0])
        	});
    	}

		function openFile(event){
			getTextFromFile(event).then(function(text){
				document.getElementById("op").innerHTML = "The text is <hr>" + text;
			}).catch(function(err){
				console.log("Error:"+err);
			});
		}
	</script>
	<link rel="stylesheet" href="">
</head>
<body>
	<input type='file' accept='text/plain' onchange='openFile(event)'>
	<div id="op">

	</div>
</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>
	Head
	</title>
	<script>
	function getTextFromFile(fileEvent){
	return new Promise(function(resolve,reject){
	var input = fileEvent.target;
	var reader = new FileReader();
	reader.onload = function(){
	resolve(reader.result);
	};
	reader.onerror = function(){
	reject(Error(reader.error));
	};
	reader.readAsText(input.files[0])
	});
	}

	function openFile(event){
	getTextFromFile(event).then(function(text){
	document.getElementById("op").innerHTML = "The text is <hr>" + text;
	}).catch(function(err){
	console.log("Error:"+err);
	});
	}
	</script>
	<link rel="stylesheet" href="">
	</head>
	<body>
	<input type='file' accept='text/plain' onchange='openFile(event)'>
	<div id="op">

	</div>
	</body>
	</html>