یکی از بهترین روش‌های یادگیری برنامه‌نویسی، انجام پروژه‌های کوچک است. در این آموزش، یک ماشین حساب ساده با HTML، CSS و JavaScript خواهیم ساخت.

کد HTML:

<div class="calculator">
  <input type="text" id="result" disabled>
  <div>
    <button onclick="appendNumber(1)">1</button>
    <button onclick="appendNumber(2)">2</button>
    <button onclick="appendNumber('+')">+</button>
    <button onclick="calculate()">=</button>
  </div>
</div>

کد JavaScript:

let result = document.getElementById("result");

function appendNumber(num) {
  result.value += num;
}

function calculate() {
  result.value = eval(result.value);
}

گام‌های بعدی:

• اضافه کردن دکمه‌های بیشتر (–، ×، ÷).
• طراحی زیباتر با CSS.
• تست پروژه در مرورگر.

Best Quality Products

Join The Organic Movement!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Shop Now

Best Selling Products

[products limit=”4″ columns=”4″ visibility=”featured” category=”groceries”]

Trending Products

[products limit=”4″ columns=”4″ visibility=”featured” category=”juice, groceries”]

Customer Reviews

★★★★★

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Mila Kunis

Deal Of The Day 15% Off On All Vegetables!

I am text block. Click edit button to change this tex em ips.

Shop Now

★★★★★

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Mike Sendler

Featured Brands: