Транслитерация текста из при нажатии <checkbox></h1> </div> <div class="question-subheader"> <a href="https://ru.stackoverflow.com/u/402036" class="question-author" target="_blank"> Автор вопроса: Ксения </a> </div> <div class="question-text"> <p>Есть поле для ввода текста и чекбокс. Когда чекбокс выбран, все буквы должны поменяться с кириллицы на латиницу.</p> <p><strong>Вопрос:</strong> Как реализовать транслитерацию текста?</p> <p><strong>Код:</strong></p> <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>function send() { var text = document.getElementById('text').value; var check = document.getElementById('trans').value; let trans = new Array(); trans['А'] = 'A'; trans['а'] = 'a'; trans['Б'] = 'B'; trans['б'] = 'b'; trans['В'] = 'V'; trans['в'] = 'v'; trans['Г'] = 'G'; trans['г'] = 'g'; trans['Д'] = 'D'; trans['д'] = 'd'; trans['Е'] = 'E'; trans['е'] = 'e'; trans['Ё'] = 'Yo'; trans['ё'] = 'yo'; trans['Ж'] = 'Zh'; trans['ж'] = 'zh'; trans['З'] = 'Z'; trans['з'] = 'z'; trans['И'] = 'I'; trans['и'] = 'i'; trans['Й'] = 'Y'; trans['й'] = 'y'; trans['К'] = 'K'; trans['к'] = 'k'; trans['Л'] = 'L'; trans['л'] = 'l'; trans['М'] = 'M'; trans['м'] = 'm'; trans['Н'] = 'N'; trans['н'] = 'n'; trans['О'] = 'O'; trans['о'] = 'o'; trans['П'] = 'P'; trans['п'] = 'p'; trans['Р'] = 'R'; trans['р'] = 'r'; trans['С'] = 'S'; trans['с'] = 's'; trans['Т'] = 'T'; trans['т'] = 't'; trans['У'] = 'U'; trans['у'] = 'u'; trans['Ф'] = 'F'; trans['ф'] = 'f'; trans['Х'] = 'H'; trans['х'] = 'h'; trans['Ц'] = 'Ts'; trans['ц'] = 'ts'; trans['Ч'] = 'Ch'; trans['ч'] = 'ch'; trans['Ш'] = 'Sh'; trans['ш'] = 'sh'; trans['Щ'] = 'Sch'; trans['щ'] = 'sch'; trans['Ъ'] = '\''; trans['ъ'] = '\''; trans['Ы'] = 'I'; trans['ы'] = 'i'; trans['Ь'] = '\''; trans['ь'] = '\''; trans['Э'] = 'E'; trans['э'] = 'e'; trans['Ю'] = 'U'; trans['ю'] = 'u'; trans['Я'] = 'Ya'; trans['я'] = 'ya'; trans['«'] = '\"'; trans['»'] = '\"'; trans['-'] = '-'; trans['—'] = '-'; trans['№'] = '#'; trans['`'] = '\''; var result = ''; for (i = 0; i < text.length; i++) { if ((check === 'on') && (trans[text[i]] != undefined)) { result += trans[text[i]]; } else { result += text[i]; } } document.getElementById('text').value = result; }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><form name="msg" method="POST" id="form" action="message.php"> <input type="checkbox" name="translate" id="trans" /> Транслитерировать <p><label> <textarea name = "message" style = "height : 50px; width : 50%;" id = "text" placeholder = "Введите сообщение..." onkeyup="schet()" value = ""></textarea> </label></p> <p id="chars"></p> <p><input type="submit" name="submit" value="Сохранить" /></p> </form></code></pre> </div> </div> </p> <br> </div> <div class="question-source"> <a href="https://ru.stackoverflow.com/q/1168683" target="_blank" class="source-link">Источник</a> </div> <div class="after"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-7213297900893379" data-ad-slot="7637638360"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="answers"> <h3 class="answers-title"> Ответы <span>(2 шт):</span> </h3> <div class="answers-list"> <div class="answers-item" id="answer-1"> <a href="https://ru.stackoverflow.com/u/395779" target="_blank" class="answer-author">Автор решения: Sergei Kirjanov</a> <div class="answer-content"><p>Не видно, где запускается <code>send()</code></p> <p>У вас переменная заполняется <code>trans</code>, a смотрится <code>transl</code>.</p> <p>И смотрите хром/инструменты-разработчика (F12); там наверняка ошибку видно.</p> <hr /> <p>И еще:</p> <p>Короче конструировать объект:</p> <pre><code>const trans = { 'А': 'A', 'а': 'a', ... </code></pre> <p>Если нет переприсвоений, лучше использовать <code>const</code>, a не <code>var/let</code>.</p> <p>Используйте <code>"use strict"</code>.</p> </div> <a href="#answer-1" class="answer-link">→ Ссылка</a> </div> <div class="answers-item" id="answer-2"> <a href="https://ru.stackoverflow.com/u/313744" target="_blank" class="answer-author">Автор решения: RavenTheX</a> <div class="answer-content"><p>Вот вам пример, без чекбокса и тд конечно, но думаю вы логику поймете</p> <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>let textAreaValue = document.querySelector('textarea').textContent let trans = [] trans['А']='A'; trans['а']='a'; trans['Б']='B'; trans['б']='b'; trans['В']='V'; trans['в']='v'; trans['Г']='G'; trans['г']='g'; trans['Д']='D'; trans['д']='d'; trans['Е']='E'; trans['е']='e'; trans['Ё']='Yo'; trans['ё']='yo'; trans['Ж']='Zh'; trans['ж']='zh'; trans['З']='Z'; trans['з']='z'; trans['И']='I'; trans['и']='i'; trans['Й']='Y'; trans['й']='y'; trans['К']='K'; trans['к']='k'; trans['Л']='L'; trans['л']='l'; trans['М']='M'; trans['м']='m'; trans['Н']='N'; trans['н']='n'; trans['О']='O'; trans['о']='o'; trans['П']='P'; trans['п']='p'; trans['Р']='R'; trans['р']='r'; trans['С']='S'; trans['с']='s'; trans['Т']='T'; trans['т']='t'; trans['У']='U'; trans['у']='u'; trans['Ф']='F'; trans['ф']='f'; trans['Х']='H'; trans['х']='h'; trans['Ц']='Ts'; trans['ц']='ts'; trans['Ч']='Ch'; trans['ч']='ch'; trans['Ш']='Sh'; trans['ш']='sh'; trans['Щ']='Sch'; trans['щ']='sch'; trans['Ъ']='\''; trans['ъ']='\''; trans['Ы']='I'; trans['ы']='i'; trans['Ь']='\''; trans['ь']='\''; trans['Э']='E'; trans['э']='e'; trans['Ю']='U'; trans['ю']='u'; trans['Я']='Ya'; trans['я']='ya'; trans['«']='\"'; trans['»']='\"'; trans['-']='-'; trans['—']='-'; trans['№']='#'; trans['`']='\''; let res = '' setTimeout(() => { textAreaValue.split('').forEach(l => { res += trans[l] console.log(res) }) }, 3000)</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code><textarea>привет</textarea></code></pre> </div> </div> </p> </div> <a href="#answer-2" class="answer-link">→ Ссылка</a> </div> </div> </div> <div class="answers-vk">  <div id="fb-root"></div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v18.0&appId=2623658001082461" nonce="x6mCrB0v"></script> <div class="fb-comments" data-href="https://huslhub.com" data-width="850" data-numposts="5"></div> </div> </div> </div> </div> </div> <div class="footer-outer"> <div class="container"> <div class="footer"> <p> <span>licensed under <a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank" rel="nofollow">cc by-sa 3.0</a> with attribution. </span> </p> </div> </div> </div>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-61W54EQCFG"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-61W54EQCFG'); </script>    </body> </html>