الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

التحويل من form إلى prompt

بدأه المكي أحمد في 13 أبريل 2012 · 1 رد · 1,193 مشاهدة · في قسم البرمجة بــ Javascript
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم ورحمة الله وبركاته ....................... إخواني الكرام لدي كود جافاسكربت يقوم بتوليد عددين عشوائين ويطبعها على المتصفح ثم يوجد فورم في المتصفح يدخل من خلالها المستخدم ناتج جمع هذين العددين ثم إذا كانت الإجابة صحيحة يظهر برومبت تقول له ممتاز و إذا كانت خاطئة تقول له من خلال البرومبت أعد المحاولة ................ أريد التعديل على الكود من خلال إبقاء طباعة العددين العشوائيين على المتصفح وإلغاء الفورم الخاص بإدخال ناتج عملية الجمع واستبداله بــ ألأيرت يكون مكتوب في هذا الأليرت العددين العشوائيين ويقول أدخل ناتج الجمع ثم أضغط موافق (ok) ويظهر برمبت (prompt) تقول أدخل حاصل الجمع وأنا أقوم بإدخال ناتج العملية من خلاله البرمبت ويكمل البرنامج عمله فإذا كانت النتيجة صحيحة يظهر أليرت تقول ممتاز وإذا كانت خاطئة يقول أعد المحاولة وهذه الجزيئة موجودة في السكريبت ................................. أرجووووووووووكم ما تنسون أخوكم ولكم عظيم الإمتنان .

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>


	<script type="text/javascript">

		var number1 = getnumber();
		var number2 = getnumber();
		var answer = getanswer(number1,number2);

		document.write("How much is " + number1 + " plus " + number2 + "? <br/>");

		function getnumber()
		{
			var minn = 1;
			var maxn = 9;

			number =  minn + Math.floor(Math.random()*maxn);

			return number;
		}

		function getanswer(a,b)
		{
				answer = a+b;
				return answer;
		}

		function testResults (form)
		{
			var useranswer = form.inputbox.value;

			if(useranswer == answer)
			{
				window.alert("Your answer is " + useranswer + ". The right answer is " + answer + ". Very Good!");
				window.location.reload();
			}
			else
			{
				window.alert("No. Please try again.");
			}
		}
	</script>

</head>

<body>
<p>
<form action="">
<input type="text" name="inputbox" value="">
<input type="button" name="button" value="Click" onClick="testResults(this.form)">
</form>
</p>
<p><a href="javascript: window.location.reload()">Click here to reload the page.</a></p>
</body>
</html>

تم تعديل هذه المشاركة بواسطة المكي أحمد في 13 أبريل 2012 في 02:46

#2

أخي الكريم يمكنك إظهار مربع لإدخال الجواب بدلاً من مربع النص

وفي الفانكشن testResults

تقراً الأجابة من مربع الإدخال

form.inputbox.value

وبهذا فان اجراء أول عملية إدخال بدون زر --- ستصبح عند تحميل الصفحة

وهكذا ....

مع العلم أنها طريقة "غير جيدة" في عملية الإدخال والتفاعل مع المستخدم ...هناك العديد من الطرق الأخرى أسهل وأفضل بالنسبة للمستخدم وخاصة مع استخدام جي كويري

على كل الأحوال إذا أردت فقط ذلك .... لغاية ما

يصبح الكود كما طلبت كالتالي :::

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript">
function rand()
{

               // document.write("How much is " + number1 + " plus " + number2 + "? <br/>");
				 var number1 = getnumber();
                var number2 = getnumber();
							    var answer = getanswer(number1,number2);

			   document.getElementById("t1").innerHTML="How much is " + number1 + " plus " + number2 + "? <br/>";

			    testResults ();
}
                function getnumber()
                {
                        var minn = 1;
                        var maxn = 9;

                        number =  minn + Math.floor(Math.random()*maxn);

                        return number;
                }

                function getanswer(a,b)
                {
                                answer = a+b;
                                return answer;
                }

                function testResults ()
                {

						var input_prompt=prompt("Please enter the Total ");
                        var useranswer = input_prompt;




                        if(useranswer == answer )
                        {
                                window.alert("Your answer is " + useranswer + ". The right answer is " + answer + ". Very Good!");
                               // window.location.reload();
							  rand();  
                        }
                   else
				   {
                                window.alert("No. Please try again.");
								rand();	 
                        }
                }
        </script>

</head>
<body onLoad="rand()">
<p>
<div id="t1"> 
</div>

</p>
<p><a href="javascript: window.location.reload()">Click here to reload the page.</a></p>
</body>
</html>

مواضيع مشابهة