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

hassan146 · 3 نوفمبر 2015

السلام عليكم

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

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

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

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

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

hassenzouari98 · 12 يونيو 2016

نعم يمكن هذا عن طريق 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.

السؤال