كتبت هذا الكود لعرض اسم المستخدم في صفحة 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>
كتبت هذا الكود لعرض اسم المستخدم في صفحة 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>