• 0

كيفية تعديل كود JavaScript كي لا يكون منبثقًا؟

السلام عليكم

أحتاج مساعدة في الكود التالي:

<script> 
name=window.prompt("ادخل أسمك.","هنا "); 
document.write("<H1 align=center>أهلين فيك يا "+name+".</H1>") 
</script>
  

لا أريده أن يكون منبثقًا بل  input text، أي:

<input type="text" value="ادخل اسمك" />
<input type="submit" value="ارسل" />

أو أن يكون jquery وهذا الأفضل.

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

نعم يمكن هذا عن طريق jquery حيث يكون الاظهار فور الضغط على الزر وذلك باستعمال تعليمة keyup ويكون الكود كالتالي :

كود html: 

<input type="text" value="ادخل اسمك" />
<input id="sub" type="submit" value="ارسل" />
<h1 align=center></h1>

كود javascript (jquery):

$(document).ready(function(){
  $("#sub").click(function(){
    var name = $("input").val();
    $("h1").text("أهلين فيك يا "+name+".");
  });
});

كنصيحة أخرى من المستحسن أن تكون كل الوسوم أحرف صغيرة (lowercase) لتحسين مردود الموقع من ناحية SEO وذلك تبعًا للمعايير التي وضعتها w3c.

المزيد حول jquery

المزيد حول المعايير التي ضبطتها w3c

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن