محمد
محمد
خواندن ۲ دقیقه·۲ سال پیش

محاسبه درصد (به همراه کُدنویسی) - بخش دوم

سلام دوستان :) امیدوارم که آخر هفته خوبی داشته باشید...

در ادامه پست قبل امروز آموزش تبدیل تعداد به درصد رو براتون آماده کردم، امیدوارم خوشتون بیاد.

پس بریم سراغ آموزش، مثل همیشه با مثال های پولی شروع می‌کنیم.

فرض کنید توی کوچه هستیم و یه بچه کوچولو دویده سمتمون و گفته عمو/خاله جوووووون هزارتومن چند درصد ده هزارتومن هست؟ (آخه چرا یه بچه باید این سوال رو بپرسه :| )

بچه هم بچه‌های قدیم
بچه هم بچه‌های قدیم

بعد از ساعت‌ها به این نتیجه میرسیم که ده هزار تومن از ده واحد هزار تومنی تشکیل شده که هر کدوم میشه ده درصد پس یعنی هزار تومان میشود 10%. هوووووووورا :)

خب این مثال ساده‌ای بود، حالا فکر کنید همون بچه فضول بیاد و دوباره بگه عمو/خاله جوووووون معلم‌مون گفته 16 نفر از کلاستون باید بره اُردو حالا کلاس ما 25 نفر هست، این یعنی چند درصد :|

دیگه بنظرم تا اینجای کار متوجه سختی قضیه شدید پس بریم سراغ فرمول‌ش:

Percent = (Count * 100) ÷ All Percent : جواب نهایی Count : تعداد دانش آموزهایی که به اُردو میرن All : تعداد کل کلاس (16 * 100) / 25 = 64%

با این حساب 64 درصدِ کلاس امسال به اردو میره. (خوشا به حال اُردو رفتگان...)

بنظرتون بچه فضوله کدوم هست؟
بنظرتون بچه فضوله کدوم هست؟

الان وقت چیه؟ بله درست حدس زدید، بریم سراغ کُدنویسی
مانند مثال قبل به دو تگ input برای ورودی و یک تگ button برای انجام محاسبات و یک تگ پاراگراف برای نمایش خروجی نیاز داریم

<input type=&quottext&quot id=&quotall&quot> <input type=&quottext&quot id=&quotcount&quot> <button type=&quotbutton&quot =&quotCo2Pe()&quot>محاسبه</button> <p id=&quotresult&quot></p>

تا الان صفحه ما به شکل زیر در اومده

محاسبه درصد
محاسبه درصد

خب باید بریم سراغ نوشن فرمول تبدیل تعداد به درصد که در بالا توضیح دادم، اگر در نوشتن تابع و دسترسی به عناصر در جاوااسکریپت مشکل دارید میتونید پست قبلی رو نگاه کنیدکامل توضیح دادم.

function Co2Pe(){ const all= Number(document.getElementById(&quotall&quot).value); const count= Number(document.getElementById(&quotcount&quot).value); let percent = ( count* 100 ) / all; document.getElementById('result') = percent + '%'; }

و در آخر نتیجه کار به صورت زیر می‌باشد

تبدیل تعداد به درصد
تبدیل تعداد به درصد

من برای نوشتن این قطعه کد از بوتسترپِ راست چین برای استایل دهی و همچنین از فونت وزیر استفاده کردم که میتونید به صورت آنلاین در کُدپِن از این مینی پروژه استفاده کنید :)

محاسبه آنلاین تبدیل تعداد به درصد و تبدیل درصد به تعداد

من محمد
اینجا ویرگول
امروز 7 مرداد 1401


پست‌های منتشر شده

https://virgool.io/noghte-sarekhat/%D9%85%D8%AD%D8%A7%D8%B3%D8%A8%D9%87-%D8%AF%D8%B1%D8%B5%D8%AF-%D8%A8%D9%87-%D9%87%D9%85%D8%B1%D8%A7%D9%87-%DA%A9%D9%8F%D8%AF%D9%86%D9%88%DB%8C%D8%B3%DB%8C-%D8%A8%D8%AE%D8%B4-%D8%A7%D9%88%D9%84-dfbraumlum4m
https://virgool.io/@mohamad_afarin/%D8%B1%D9%88%D8%B4-%D9%85%D8%AD%D8%A7%D8%B3%D8%A8%D9%87-bmi-%D8%A8%D9%87-%D9%87%D9%85%D8%B1%D8%A7%D9%87-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%DA%A9%D9%8F%D8%AF%D9%86%D9%88%DB%8C%D8%B3%DB%8C-waadbw7zqfk9
جاوااسکریپتارزدیجیتالبرنامه نویسیطراحی وبفرانت اند
T.me/AllThingAbout | NISOC🛢 | Analyst
شاید از این پست‌ها خوشتان بیاید