phonetics/home.html at main · marginloop/phonetics · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<html>
<head>
	<title>Automate Natoalphabet Generator</title>

	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="A tool to automatically generate a phonetic list of letters based on the Natoalphabet">
</head>
	<body>
		<div class="container">
			<h1>Automatic Phonetic Alphabet</h1>

			<form>
				<div class="input-group mb-3">
				<span class="input-group-text" id="inputGroup-sizing-default">Input</span>
				<input type="text" id="textToTranscribe" class="form-control" name="input" placeholder="Enter String Here"/>
				<button class="btn btn-outline-secondary" type="button" id="button-addon2" onclick="transcribeOnClick()">Submit</button>
				</div>
			</form>

			<p id = "transcribedOutput"></p>
		</div>
		<script src="main.js" charset="utf-8"></script>
	</body>
</html>