English to Hindi Typing Code

English to Hindi Typing Code

Convert English to Hindi Typing

  • It is very easy task to convert English typing to Hindi Typing –
  • dxkcjdsfc dlopfdmf dtype int field of the main kdfdf.
  • Fist we create fgfg_to_hindi_type.php new file, which is given bellow fcgvfgdg –
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>English to Hindi Typing</title> 
<meta property="og:url" content="https://codeloveguru.com/">
             
   djkfhdjfhd ikdfjdikfdf idkfdfm dfkjnlo
dmkjfnjdmfjhndfd
</head>

<body aria-hidden="false" style="padding: 0px 0px 120px;">
    <div class="container" style="height: auto !important;">
        <div class="content" style="height: auto !important;">		
    <div class="card">   
        <div class="card-body">
        <h4 align="center">अब हिन्दी में लिखना होdfdfd  गया है आसान</h4><hr>
         <h3 align="center">Type in English, Get in Hindi : हिन्दी में टाइप करें</h3>
            <textarea placeholder="Start Typing here... " class="form-control " att="transl2" id="data" name="data" style="min-height: 250px; line-height: 1.5em; font-family: Arial, Helvetica, sans-serif; font-size: 14px;"></textarea>
            <h5 align="center">इंग्लिश में टाइप करे स्पेस दबाये, यह हिन्दी में परिवर्तित हो जाएगा - Type in English and press space, it will be converted to Hindi</h5>
            <h6 align="center">Word Count : <span id="wordCountDisplay" style="color:red">0</span>      |      Character Count : <span id="charecterCountDisplay" style="color:red">0</span></h6>
        </div>
    </div>
        </div>
    </div>
/body>
  • The above HTML page look like as –
English to Hindi Typing Code
  • The bellow code defines the JS library files which is added in the header section of PHP file –
<script src="https://codeloveguru.com/master-library/Online_Typing_Files/transliteration_new.js" type="text/javascript"></script> 
<script src="https://codeloveguru.com/master-library/Online_Typing_Files/jQuery-v3.7.js" type="text/javascript"></script> 
  • The CSS library files are given as bellow –
<link href="https://codeloveguru.com/master-library/Online_Typing_Files/transliteration_new.css" type="text/css" rel="stylesheet"> 
<link href="https://codeloveguru.com/master-library/Online_Typing_Files/bootstrap.min.css" rel="stylesheet">

English to Hindi Typing fgfg Code\the teac her oprtiond

1 Comment

Leave a Reply

Your email address will not be published. Required fields are marked *