Mahdi Almusawi

كتبت هذا الكود لعرض اسم المستخدم في صفحة html لكن واجهتني مشكلة إن إذا كان حقل الإدخال فارغ ونقرت على (submit) يضع لي قيمة 0 وفي نفس الوقت يظهر (required). ابي اي شخص يعدل على الكود بحيث لا تظهر قيمة الصفر إذا كان الحقل فارغ ويظهر (required) وحده. <article> <form id="form" action="/" method="get"> <h1>Hello,write you name</h1> <br> <div class="inputBox"> <input id="userInput" name="Name" type="text" required> <span>Last Name</span> <br> <br> <input type="submit" onclick="myFunction()" required> <h1 id="printName"></h1> </div> </form> </article> <script> function myFunction() { let userInput = document.querySelector("#userInput"); let printName = document.querySelector("#printName"); printName.innerHTML = + userInput.value; } </script>