استطلاع بسيط مكتوب باستخدام JS

فقط اقرأها بنفسك، من فضلك أعطني بعض النصائح، لقد كتبت هذا قبل بضعة أشهر، والآن سأقوم بحل الأمر كله.

انسخ رمز الكود كما يلي:

<!نوع الوثيقة html>

<أتش تي أم أل>

<الرأس>

<ميتا محارف = "utf-8">

<العنوان></العنوان>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<نمط النوع = "نص/CSS">

الجسم,div,a,span{الهامش:0;الحشو:0;}

.g-pt-10{ الحشو العلوي:10px }

.g-ta-c{ محاذاة النص:المركز }

.g-fz-16{ حجم الخط: 16 بكسل }

.gdb{ عرض: كتلة }

.gfl{ تعويم: يسار }

.gcw { اللون: #فف }

.g-fz-18{ حجم الخط: 18px }

.gd-ib{ عرض: كتلة مضمنة }

.g-cf:after { المحتوى:""؛ واضح: كلاهما العرض: الجدول }

.g-cf { التكبير: 1 }

أ:hover{ زخرفة النص: لا شيء اللون: #ff0000 }

.box{ العرض: 705 بكسل; الارتفاع: 242 بكسل; الهامش: 50 بكسل تلقائي;

div.mid { العرض: 330 بكسل؛ الهامش: 20 بكسل تلقائي }

a.support{ العرض: 124 بكسل؛ الارتفاع: 73 بكسل؛ الخلفية: #008DCA url("support.png");

أ.معارضة {العرض: 124 بكسل الارتفاع: 73 بكسل؛ الخلفية: #F78106 url("oppose.png");

.g-mt-45{ الهامش العلوي:45px }

خط { العرض: 380 بكسل؛ الهامش: 0 الخلفية: #008DCA }

خط 2 { العرض: 80 بكسل؛ الارتفاع: 17 بكسل؛

</نمط>

</الرأس>

<الجسم>

<ديف>

<h3>ماذا ستفعل إذا فرض WeChat رسومًا؟ </h3>

<ديف>

<a onclick="support();">

<p id="supamount">0</p>

</أ>

<a onclick="oppose();">

<p id="oppamount">0</p>

</أ>

</div>

<ديف>

<p id="suppercent">0</p>%

<span><span id="supline"></span></span>

<p id="opppercent">0</p>%

</div>

</div>

<نوع البرنامج النصي = "نص/جافا سكريبت">

var sub=parseInt($('#supamount').text());

var opp=parseInt($('#oppamount').text());

دعم الوظيفة () {

سوب+=1;

$('#supamount').text(sup.toString());

$('#suppercent').text(((sup/(sup+opp))*100).toFixed(0).toString());

$('#opppercent').text((100-(sup/(sup+opp))*100).toFixed(0).toString());

$('#supline').attr("style"، العرض:"+380*(sup/(sup+opp))+"px");

}

وظيفة تعارض () {

مقابل+=1;

$('#oppamount').text(opp.toString());

$('#suppercent').text(((sup/(sup+opp))*100).toFixed(0).toString());

$('#opppercent').text((100-(sup/(sup+opp))*100).toFixed(0).toString());

$('#supline').attr("style"، العرض:"+380*(sup/(sup+opp))+"px");

}

</script>

</الجسم>