index.html

﻿<!DOCTYPE html>
	
	<html>
		
		<head>
			<title>Hello, world!</title>
			<link href="styles.css" rel="stylesheet" type="text/css">
			<meta http-equiv="content-type" content="text/html" charset="utf-8">	
			<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet"> 
		</head>	
	
		<body>
		
			<div class="container">
			
				
				<form>
					<textarea type="text" id="textfield"></textarea><br>			
				
					<input type="button" id="button" value="Посчитать" onclick="countSymbols()">
					<input type="reset" id="clearbutton" value="Очистить" onclick="clearResult()">

					<div class="result" id="result">
					<p id="withSpaces">Символов с пробелами:</p>
					<p id="without">Символов без пробелов:</p>
					</div>
				</form>			
			
			</div>
			
			<script src="script.js" type="text/javascript"></script>
		</body>	
		
	
	</html>