سلام دوستان :) امیدوارم که آخر هفته خوبی داشته باشید...
در ادامه پست قبل امروز آموزش تبدیل تعداد به درصد رو براتون آماده کردم، امیدوارم خوشتون بیاد.
پس بریم سراغ آموزش، مثل همیشه با مثال های پولی شروع میکنیم.
فرض کنید توی کوچه هستیم و یه بچه کوچولو دویده سمتمون و گفته عمو/خاله جوووووون هزارتومن چند درصد ده هزارتومن هست؟ (آخه چرا یه بچه باید این سوال رو بپرسه :| )
بعد از ساعتها به این نتیجه میرسیم که ده هزار تومن از ده واحد هزار تومنی تشکیل شده که هر کدوم میشه ده درصد پس یعنی هزار تومان میشود 10%. هوووووووورا :)
خب این مثال سادهای بود، حالا فکر کنید همون بچه فضول بیاد و دوباره بگه عمو/خاله جوووووون معلممون گفته 16 نفر از کلاستون باید بره اُردو حالا کلاس ما 25 نفر هست، این یعنی چند درصد :|
دیگه بنظرم تا اینجای کار متوجه سختی قضیه شدید پس بریم سراغ فرمولش:
Percent = (Count * 100) ÷ All Percent : جواب نهایی Count : تعداد دانش آموزهایی که به اُردو میرن All : تعداد کل کلاس (16 * 100) / 25 = 64%
با این حساب 64 درصدِ کلاس امسال به اردو میره. (خوشا به حال اُردو رفتگان...)
الان وقت چیه؟ بله درست حدس زدید، بریم سراغ کُدنویسی
مانند مثال قبل به دو تگ input برای ورودی و یک تگ button برای انجام محاسبات و یک تگ پاراگراف برای نمایش خروجی نیاز داریم
<input type="text" id="all"> <input type="text" id="count"> <button type="button" ="Co2Pe()">محاسبه</button> <p id="result"></p>
تا الان صفحه ما به شکل زیر در اومده
خب باید بریم سراغ نوشن فرمول تبدیل تعداد به درصد که در بالا توضیح دادم، اگر در نوشتن تابع و دسترسی به عناصر در جاوااسکریپت مشکل دارید میتونید پست قبلی رو نگاه کنیدکامل توضیح دادم.
function Co2Pe(){ const all= Number(document.getElementById("all").value); const count= Number(document.getElementById("count").value); let percent = ( count* 100 ) / all; document.getElementById('result') = percent + '%'; }
و در آخر نتیجه کار به صورت زیر میباشد
من برای نوشتن این قطعه کد از بوتسترپِ راست چین برای استایل دهی و همچنین از فونت وزیر استفاده کردم که میتونید به صورت آنلاین در کُدپِن از این مینی پروژه استفاده کنید :)
محاسبه آنلاین تبدیل تعداد به درصد و تبدیل درصد به تعداد
من محمد
اینجا ویرگول
امروز 7 مرداد 1401
پستهای منتشر شده