39 lines
8.1 KiB
Markdown
39 lines
8.1 KiB
Markdown
|
---
|
|||
|
|
id: bd7158d8c442eddfaeb5bd17
|
|||
|
|
title: Build a JavaScript Calculator
|
|||
|
|
challengeType: 3
|
|||
|
|
isRequired: true
|
|||
|
|
videoUrl: ''
|
|||
|
|
localeTitle: بناء حاسبة جافا سكريبت
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## Description
|
|||
|
|
<section id="description"> <strong>الهدف:</strong> إنشاء تطبيق <a href="https://codepen.io" target="_blank">CodePen.io</a> تشبه وظيفيًا هذا: <a href="https://codepen.io/freeCodeCamp/full/wgGVVX" target="_blank">https://codepen.io/freeCodeCamp/full/wgGVVX</a> . تحقق من <a href="https://en.wikipedia.org/wiki/User_story" target="_blank">قصص المستخدمين</a> أدناه واجتاز جميع الاختبارات. اعطها اسلوبك الشخصي. يمكنك استخدام أي مزيج من HTML و JavaScript و CSS و Bootstrap و SASS و React و Redux و jQuery لإكمال هذا المشروع. يجب عليك استخدام إطار الواجهة الأمامية (مثل React على سبيل المثال) لأن هذا القسم يدور حول تعلم إطارات الواجهة الأمامية. لا يوصى باستخدام تقنيات إضافية غير مدرجة أعلاه واستخدامها على مسؤوليتك الخاصة. نحن نتطلع إلى دعم أطر عمل الواجهة الأخرى مثل Angular و Vue ، ولكنها غير مدعومة حاليًا. سنقبل ونحاول إصلاح جميع تقارير المشكلات التي تستخدم مجموعة التكنولوجيا المقترحة لهذا المشروع. الترميز سعيدة! <strong>قصة المستخدم رقم 1:</strong> يجب أن تحتوي الحاسبة الخاصة بي على عنصر قابل للنقر يحتوي على <code>=</code> (علامة مساواة) مع <code>id="equals"</code> مناظر <code>id="equals"</code> . <strong>قصة المستخدم رقم 2:</strong> يجب أن تحتوي الحاسبة الخاصة بي على 10 عناصر قابلة للنقر تحتوي على رقم واحد لكل من 0-9 ، مع المعرفات المقابلة التالية: <code>id="zero"</code> ، <code>id="one"</code> ، <code>id="two"</code> ، <code>id="three"</code> و <code>id="four"</code> و <code>id="five"</code> و <code>id="six"</code> و <code>id="seven"</code> و <code>id="eight"</code> و <code>id="nine"</code> . <strong>قصة المستخدم رقم 3:</strong> يجب أن تحتوي الحاسبة الخاصة بي على 4 عناصر قابلة للنقر تحتوي كل واحدة منها على واحدة من 4 عوامل رياضية أولية لها المعرفات المقابلة التالية: <code>id="add"</code> ، <code>id="subtract"</code> ، <code>id="multiply"</code> ، <code>id="divide"</code> . <strong>قصة المستخدم رقم 4:</strong> يجب أن تحتوي الحاسبة الخاصة بي على عنصر قابل للنقر يحتوي على <code>.</code> (علامة عشرية) مع <code>id="decimal"</code> المقابلة <code>id="decimal"</code> . <strong>قصة المستخدم رقم 5:</strong> يجب أن تحتوي الحاسبة الخاصة بي على عنصر قابل للنقر به <code>id="clear"</code> . <strong>قصة المستخدم رقم 6:</strong> يجب أن تحتوي الحاسبة الخاصة بي على عنصر لعرض قيم ذات <code>id="display"</code> مناظر <code>id="display"</code> . <strong>قصة المستخدم رقم 7:</strong> في أي وقت ، يؤدي الضغط على الزر "مسح" إلى مسح قيم المدخلات والمخرجات ، ثم إرجاع الآلة الحاسبة إلى حالتها المبدئية ؛ 0 يجب أن يظهر في العنصر مع معرف <code>display</code> . <strong>قصة المستخدم رقم 8:</strong> عندما أقوم بإدخال الأرقام ، ينبغي أن أتمكن من رؤية الإدخال الخاص بي في العنصر مع معرف <code>display</code> . <strong>قصة المستخدم رقم 9:</strong> في أي ترتيب ، يجب أن أت<D8A3>
|
|||
|
|
|
|||
|
|
## Instructions
|
|||
|
|
<section id="instructions">
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
## Tests
|
|||
|
|
<section id='tests'>
|
|||
|
|
|
|||
|
|
```yml
|
|||
|
|
tests: []
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
## Challenge Seed
|
|||
|
|
<section id='challengeSeed'>
|
|||
|
|
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
## Solution
|
|||
|
|
<section id='solution'>
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
// solution required
|
|||
|
|
```
|
|||
|
|
</section>
|