مشكلة في جافا سكريبت

جعفر علي2 · 29 نوفمبر 2018

السلام عليكم

تظهر لي رسالة الخطأ في محرر الأكواد أن

document is not defined ولا ينفذ شيء في المتصفح

هذا هو كود ال جافاسكريبت أرجو المساعدة

var myTextarea=document.getElementById('my-text'),mySpan=document.getElementById('my-span');

     myTextarea.onKeyup = function () {
     'use strict';
         
      mySpan.textContent = 50-this.value.length ;

       if (mySpan.textContent < 0) {

          mySpan.style.color ='#f00';

         }
         else
         {

         mySpan.style.color ='#000';
         }

     };

وهنا كود ال html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>

	<form>
		<textarea id="my-text"></textarea>characters left :<span id="my-span">50</span>

	</form>
<script type="text/javascript" src="js/main.js"></script>

</body>
</html>