Sanskrit alphabet learning<\/title>\n <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\" \/>\n <script\n src=\"https:\/\/code.jquery.com\/jquery-1.12.4.min.js\"\n integrity=\"sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=\"\n crossorigin=\"anonymous\"><\/script>\n\n <style type=\"text\/css\">\n .hc {\n background-color: #6dcfd1;\n font-size:12px;\n }\n .tg {\n border-collapse:collapse;\n border-spacing:0;\n text-align:center;\n }\n .tg td{\n padding:10px 5px;\n border-style:solid;\n border-width:1px;\n overflow:hidden;\n word-break:normal;\n border-color:black;\n }\n .tg th{\n font-weight:normal;\n padding:10px 5px;\n border-style:solid;\n border-width:1px;\n overflow:hidden;\n word-break:normal;\n border-color:black;\n }\n .tg .th{\n border-color:inherit;\n vertical-align:middle\n }\n .tg .semivowel {\n background-color: #aaffb0;\n }\n .tg .gray {\n background-color: #cacfce;\n }\n table {\n font-size:14px;\n table-layout: fixed;\n }\n table td p:first-child {\n font-size:35px;\n margin-top: -10px}\n table td p:last-child {\n display: block;\n }\n .tg .ab {\n width: 60px; height:60px !important;\n }\n p { \n padding: unset; margin: unset;\n }\n footer {\n color: #cccccc;\n position: absolute;\n bottom: 0;\n width: 100%;\n text-align: right;\n opacity: 0.5;}\n table {\n width:100%;\n }\n .letter {\n font-size:140px;\n }\n .main-wrapper {\n position: relative;\n overflow: hidden;\n display: flex;\n flex-wrap: wrap;\n }\n\n .main-wrapper .levy-stolbez {\n width: 100%;\n }\n\n @media (min-width: 1024px) {\n .main-wrapper .levy-stolbez {\n width: calc(100% - 220px);\n }\n }\n\n .main-wrapper .pravy-stolbez {\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n padding: 20px 0 0;\n }\n\n @media (min-width: 1024px) {\n .main-wrapper .pravy-stolbez {\n display: block;\n width: 200px;\n margin: 0;\n padding: 0 0 0 20px;\n }\n }\n\n .main-wrapper .letter {\n width: 50%;\n }\n\n .main-wrapper .form {\n width: calc(50% - 20px);\n margin-right: 20px;\n }\n\n @media (min-width: 1024px) {\n .main-wrapper .form,\n .main-wrapper .letter {\n width: 100%;\n margin: 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"main-wrapper\">\n <div class=\"levy-stolbez\">\n <table class=\"tg\">\n <tr class=\"hc\">\n <th rowspan=\"4\"><\/th>\n <th class=\"th\" colspan=\"7\">consonants<\/th>\n <th class=\"th\" colspan=\"4\">vowels<\/th>\n <\/tr>\n <tr class=\"hc\">\n <td class=\"th\" colspan=\"5\"> core group <\/td>\n <td class=\"th\" rowspan=\"3\">semi-<br>vowels<\/td>\n <td class=\"th\" rowspan=\"3\">sibilants<\/td>\n <td class=\"th\" rowspan=\"3\">short<\/td>\n <td class=\"th\" rowspan=\"3\">long<\/td>\n <td class=\"th\" colspan=\"2\">diphthongs<\/td>\n <\/tr>\n <tr class=\"hc\">\n <td class=\"th\" colspan=\"2\">unvoiced<\/td>\n <td class=\"th\" colspan=\"2\">voiced<\/td>\n <td class=\"th\" rowspan=\"2\">nasal<\/td>\n <td class=\"th\" rowspan=\"2\">guna<\/td>\n <td class=\"th\" rowspan=\"2\">vriddhi<\/td>\n <\/tr>\n <tr class=\"hc\">\n <td class=\"th\">unas-<br>pirated<\/td>\n <td class=\"th\">as-<br>pirated<\/td>\n <td class=\"th\">unas-<br>pirated<\/td>\n <td class=\"th\">as-<br>pirated<\/td>\n <\/tr>\n <tr>\n <td class=\"hc th\">velar<\/td>\n <td class=\"ab\"><p>\u0915<\/p><p>ka<\/p><\/td>\n <td class=\"ab\"><p>\u0916<\/p><p>kha<\/p><\/td>\n <td class=\"ab\"><p>\u0917<\/p><p>ga<\/p><\/td>\n <td class=\"ab\"><p>\u0918<\/p><p>gha<\/p><\/td>\n <td class=\"ab\"><p>\u0919<\/p><p>\u1e45a<\/p><\/td>\n <td class=\"ab semivowel\"><p>\u0939<\/p><p>ha<\/p><\/td>\n <td class=\"ab gray\"><p>\u0903<\/p><p>\u1e25<\/p><\/td>\n <td class=\"ab\"><p>\u0905<\/p><p>a<\/p><\/td>\n <td class=\"ab\"><p>\u0906<\/p><p>\u0101<\/p><\/td>\n <td class=\"hc\" colspan=\"2\">velar-retroflex<\/td>\n <\/tr>\n <tr>\n <td class=\"hc th\">palatal<\/td>\n <td class=\"ab\"><p>\u091a<\/p><p>ca<\/p><\/td>\n <td class=\"ab\"><p>\u091b<\/p><p>cha<\/p><\/td>\n <td class=\"ab\"><p>\u091c<\/p><p>ja<\/p><\/td>\n <td class=\"ab\"><p>\u091d<\/p><p>jha<\/p><\/td>\n <td class=\"ab\"><p>\u091e<\/p><p>\u00f1a<\/p><\/td>\n <td class=\"ab semivowel\"><p>\u092f<\/p><p>ya<\/p><\/td>\n <td class=\"ab\"><p>\u0936<\/p><p>\u015ba<\/p><\/td>\n <td class=\"ab\"><p>\u0907<\/p><p>i<\/p><\/td>\n <td class=\"ab\"><p>\u0908<\/p><p>\u012b<\/p><\/td>\n <td class=\"ab\"><p>\u090f<\/p><p>e<\/p><\/td>\n <td class=\"ab\"><p>\u0910<\/p><p>ai<\/p><\/td>\n <\/tr>\n <tr>\n <td class=\"hc th\">retroflex<\/td>\n <td class=\"ab\"><p>\u091f<\/p><p>\u1e6da<\/p><\/td>\n <td class=\"ab\"><p>\u0920<\/p><p>\u1e6dha<\/p><\/td>\n <td class=\"ab\"><p>\u0921<\/p><p>\u1e0da<\/p><\/td>\n <td class=\"ab\"><p>\u0922<\/p><p>\u1e0dha<\/p><\/td>\n <td class=\"ab\"><p>\u0923<\/p><p>\u1e47a<\/p><\/td>\n <td class=\"ab semivowel\"><p>\u0930<\/p><p>ra<\/p><\/td>\n <td class=\"ab\"><p>\u0937<\/p><p>\u1e63a<\/p><\/td>\n <td class=\"ab\"><p>\u090b<\/p><p>\u1e5b<\/p><\/td>\n <td class=\"ab\"><p>\u0960<\/p><p>\u1e5d<\/p><\/td>\n <td class=\"hc\"><\/td>\n <td class=\"hc\"><\/td>\n <\/tr>\n <tr>\n <td class=\"hc th\">dental<\/td>\n <td class=\"ab\"><p>\u0924<\/p><p>ta<\/p><\/td>\n <td class=\"ab\"><p>\u0925<\/p><p>tha<\/p><\/td>\n <td class=\"ab\"><p>\u0926<\/p><p>da<\/p><\/td>\n <td class=\"ab\"><p>\u0927<\/p><p>dha<\/p><\/td>\n <td class=\"ab\"><p>\u0928<\/p><p>na<\/p><\/td>\n <td class=\"ab semivowel\"><p>\u0932<\/p><p>la<\/p><\/td>\n <td class=\"ab\"><p>\u0938<\/p><p>sa<\/p><\/td>\n <td class=\"ab\"><p>\u090c<\/p><p>\u1e37<\/p><\/td>\n <td class=\"ab\"><p>\u0961<\/p><p>l\u0323\u0304<\/p><\/td>\n <td class=\"hc\" colspan=\"2\">velar-labial<\/td>\n <\/tr>\n <tr>\n <td class=\"hc th\">labial<\/td>\n <td class=\"ab\"><p>\u092a<\/p><p>pa<\/p><\/td>\n <td class=\"ab\"><p>\u092b<\/p><p>pha<\/p><\/td>\n <td class=\"ab\"><p>\u092c<\/p><p>ba<\/p><\/td>\n <td class=\"ab\"><p>\u092d<\/p><p>bha<\/p><\/td>\n <td class=\"ab\"><p>\u092e<\/p><p>ma<\/p><\/td>\n <td class=\"ab semivowel\"><p>\u0935<\/p><p>va<\/p><\/td>\n <td class=\"ab gray\"><p>\u0902<\/p><p>\u1e43<\/p><\/td>\n <td class=\"ab\"><p>\u0909<\/p><p>u<\/p><\/td>\n <td class=\"ab\"><p>\u090a<\/p><p>\u016b<\/p><\/td>\n <td class=\"ab\"><p>\u0913<\/p><p>o<\/p><\/td>\n <td class=\"ab test\"><p>\u0914<\/p><p>au<\/p><\/td>\n <\/tr>\n <\/table>\n <\/div>\n <div class=\"pravy-stolbez\">\n <div class=\"form\">\n <div class=\"statistic\">\n <p>Characters in total: <span class=\"total-attempt\">0<\/span><\/p>\n <p>Correct: <span class=\"successful-attempt\">0<\/span><\/p>\n <\/div>\n <select name=\"mode\" class=\"mode\">\n <option value=\"isat\"> To learn IAST<\/option>\n <option value=\"sanskrit\">To learn devanagari<\/option>\n <\/select>\n <button class=\"start\">Start<\/button>\n <button class=\"stop\">Finish<\/button>\n <\/div>\n <div class=\"letter\">\n <\/div>\n <\/div>\n <footer>By maleevmikhail@gmail.com<\/footer>\n<\/div>\n<script>\n ( function( $ ) {\n $(document).ready(function() {\n\n let config = {\n status: false,\n total: 0,\n success: 0,\n mode: 'isat',\n letter:''\n };\n\n $('select.mode').change(function(){\n config.mode = $(this).val();\n });\n\n $('td.ab').click(function(){\n if(!config.status) {return;}\n let $this = $(this);\n let value = $('p:hidden', $this).text();\n let letter = $('.letter').text();\n console.log(value , 'value');\n console.log(letter , 'letter');\n if (value == letter) {\n $($this).addClass('checked').find('p').show();\n config.success++;\n }\n config.total++;\n\n $('.total-attempt').text(config.total);\n $('.successful-attempt').text(config.success);\n\n if (!nextLetter()) {\n end();\n stop();\n }\n });\n\n $('button.start').click(function(){\n start();\n nextLetter();\n });\n\n $('button.stop').click(function(){\n stop();\n });\n\n function nextLetter(){\n let balance = $(\"table td.ab:not(.checked)\").length;\n if (balance) {\n let nextNum = getNextNum();\n let nextLetter = $(\"table td.ab:not(.checked)\").eq(nextNum).find('p:hidden').text();\n console.log($(\"table td.ab:not(.checked)\"), 'td.ab:not(.checked)');\n console.log($(\"table td.ab:not(.checked)\").eq(nextNum), 'nextNum');\n console.log($(\"table td.ab:not(.checked)\").eq(nextNum).find('p:hidden'), 'nextLetter');\n console.log(nextLetter, 'nextLetterText');\n $('.letter').text(nextLetter);\n }\n return !!balance;\n }\n\n function getNextNum() {\n let num = $(\"table td.ab:not(.checked)\").length;\n console.log(num, 'num');\n return Math.floor(Math.random() * num);\n }\n\n function start() {\n config.status = true;\n let mode = config.mode;\n let hideEl = mode != 'isat' ? 'p:first-child' : 'p:last-child';\n $('table p').show();\n $(hideEl, 'table').hide();\n }\n\n function stop() {\n config.total = 0;\n config.success = 0;\n $('.total-attempt').text(config.total);\n $('.successful-attempt').text(config.success);\n $('table td.ab').removeClass('checked');\n $('table p').show();\n $('.letter').text('');\n }\n\n function end() {\n config.status = false;\n let text = $('.statistic').text();\n alert(text);\n }\n\n });\n })( jQuery );\n<\/script>\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de5d88d elementor-widget elementor-widget-spacer\" data-id=\"de5d88d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e8dcdbc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e8dcdbc\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{"ekit_has_onepagescroll_dot":"yes"}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-07d58c9\" data-id=\"07d58c9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6f21e59 elementor-widget elementor-widget-spacer\" data-id=\"6f21e59\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"ekit_we_effect_on":"none"}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A game for learning Sanskrit alphabet Choose what you want to study – IAST or Devanagari, and click the Start button Sanskrit alphabet learning consonants vowels core group semi-vowels sibilants short long diphthongs unvoiced voiced nasal guna vriddhi unas-pirated as-pirated unas-pirated as-pirated velar \u0915 ka \u0916 kha \u0917 ga \u0918 gha \u0919 \u1e45a \u0939 ha… <a class=\"more-link\" href=\"https:\/\/sanskrit.com.ua\/en\/devanagari-game\/\">Continue reading <span class=\"screen-reader-text\">Devanagari Game<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-53861","page","type-page","status-publish","hentry","entry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/sanskrit.com.ua\/en\/wp-json\/wp\/v2\/pages\/53861","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sanskrit.com.ua\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sanskrit.com.ua\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sanskrit.com.ua\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sanskrit.com.ua\/en\/wp-json\/wp\/v2\/comments?post=53861"}],"version-history":[{"count":50,"href":"https:\/\/sanskrit.com.ua\/en\/wp-json\/wp\/v2\/pages\/53861\/revisions"}],"predecessor-version":[{"id":53954,"href":"https:\/\/sanskrit.com.ua\/en\/wp-json\/wp\/v2\/pages\/53861\/revisions\/53954"}],"wp:attachment":[{"href":"https:\/\/sanskrit.com.ua\/en\/wp-json\/wp\/v2\/media?parent=53861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}