webtools/nato.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="UTF-8">
   5     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   6     <title>NATO Phonetic Alphabet Speller</title>
   7     <!-- The page supports both light and dark color schemes, with light being default -->
   8     <meta name="color-scheme" content="light dark">
   9
  10     <!-- Bootstrap CSS (as per normal) -->
  11     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
  12     <!-- Add the Bootstrap-Nightfall Variant CSS (the media attribute is for dark auto-switching) -->
  13     <link href="https://cdn.jsdelivr.net/npm/bootstrap-dark-5@1.1.3/dist/css/bootstrap-nightfall.min.css" rel="stylesheet" media="(prefers-color-scheme: dark)">
  14
  15     <!-- Optional Meta Theme Color is also supported on Safari and Chrome -->
  16     <meta name="theme-color" content="#111111" media="(prefers-color-scheme: light)">
  17     <meta name="theme-color" content="#eeeeee" media="(prefers-color-scheme: dark)">
  18     <script>
  19 function nato(c) {
  20         var tbl = {
  21                 "a": "Alpha",   "b": "Bravo",    "c": "Charlie", "d": "Delta",
  22                 "e": "Echo",    "f": "Foxtrot",  "g": "Golf",    "h": "Hotel",
  23                 "i": "India",   "j": "Juliet",   "k": "Kilo",    "l": "Lima",
  24                 "m": "Mike",    "n": "November", "o": "Oscar",   "p": "Papa",
  25                 "q": "Quebec",  "r": "Romeo",    "s": "Sierra",  "t": "Tango",
  26                 "u": "Uniform", "v": "Victor",   "w": "Whiskey", "x": "Xray",
  27                 "y": "Yankee",  "z": "Zulu",     "0": "Zero",    "1": "One",
  28                 "2": "Two",     "3": "Three",    "4": "Four",    "5": "Five",
  29                 "6": "Six",     "7": "Seven",    "8": "Eight",   "9": "Niner",
  30         };
  31         return tbl[c.toLowerCase()];
  32 }
  33
  34 function str2nato() {
  35         var src = document.getElementById("src").value.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
  36         var dst = "";
  37         var i;
  38
  39         // Convert to array to handle multiplanar unicode (those won't be converted
  40         // but they will be copied as-is correctly)
  41         var clist = [...src];
  42         for (i=0; i<clist.length; i++) {
  43                 /*  Turns out 3 space makes a visible separation of words... commented
  44                 if (clist[i] == " ")
  45                         continue;  // Skip spaces, we already add them */
  46
  47                 /* Multiplanar falls into last statement, but if we need it in the future...
  48                 if (clist[i].length > 1)
  49                         dst += clist[i] + " "; // Multiplanar unicode.. (ex. emojis) */
  50
  51                 if (clist[i] == "\n")
  52                         dst += "\n";  // No space after newline
  53                 else if ((c = nato(clist[i])) !== undefined)
  54                         dst += c + " ";
  55                 else
  56                         dst += clist[i] + " ";
  57         }
  58         document.getElementById("nato").value = dst;
  59 }
  60     </script>
  61   </head>
  62   <body>
  63     <div class="w-75 container-fluid">
  64     <h3>NATO Phonetic Alphabet Speller</h3>
  65     <p>Enter text to be converted:<br>
  66     <textarea class="form-control" rows="10" id="src" autofocus onchange="str2nato()" onkeyup="str2nato()"></textarea>
  67     <p><button type="button" class="btn btn-primary" onclick="var d=document.getElementById('src'); d.value = ''; str2nato(); d.focus();">Clear</button>
  68     <p>NATO:<br>
  69     <textarea class="form-control" rows=20 id="nato" readonly></textarea>
  70   </body>
  71 </html>
  72 <!-- vim: set filetype=html.javascript -->