Www.Free-Learn.Ir
اجرا کن »
<!DOCTYPE html> <html> <head> <style> body{ background-color:#f2f2f2; direction:rtl; font-family:tahoma; } .MyBox{ background-color:#fff; box-shadow: 2px 5px 30px rgba(0,0,0,.1); max-width:700px; margin:20px auto; padding:10px; text-align:center; } textarea{ padding:5px; direction:rtl; font-family:tahoma; font-size:15px; color:blue; width:300px; } </style> </head> <body> <div class="MyBox"> <h3>لطفا یه متنی چیزی وارد کنید</h3> <textarea id="MyText"></textarea> <p><button onclick="Get();">محاسبه طول کاراکترها</button></p> <h2 id="Result"></h2> </div> <script> function Get(){ var MyText = document.getElementById("MyText").value; var result = document.getElementById("Result"); if( MyText == "" ){ alert("میشه لطفا یه چیزی وارد کنی"); }else{ result.innerHTML = MyText.length; } } </script> </body> </html>