index_websocketpp.html

<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Converter</title>
	<script src="script_websocketpp.js"></script>
	<link rel="stylesheet" href="style.css">
</head>
<body>

	<h1>Upper and Lower letters Converter</h1>

	<fieldset>
		<legend>Converter</legend>

			<table>
				<tr>
					<th><label for="input1">Input:</label></th>
					<th class="mid_col"></th>
					<th><label for="result">Output:</label></th>
				</tr>
				<tr>
					<td><input type="text" id="input1" name="input1" 
						class="showbox" placeholder="3Kel"
						onkeypress = "if (event.keyCode == 13)
                        document.getElementById('Covert_B').click()"></td>
					<td class="mid_col"> <span>&#8594;</span> </td>
					<td><label id="result"></label>	</td>
				</tr>
				<tr>
					<td></td>
					<td class="mid_col"><button id="Covert_B" onclick="convertLetters()">Convert</button></td>
					<td></td>
				</tr>
			</table>

	</fieldset>

</body>
</html>