Làm máy tính(calculator) cộng trừ nhân chia đơn giản với javascript
#javascript #html #alias Tag: tai may tinh cong tru nhan chia, alias, lập trình, code, coder, sql server, lập trình c, lập trình java, lập trình web, fpt, fu, đại học fpt, english, japanese, html, css, java, code c, c#, sql Xem thêm: https://tảimiễnphí.vn/category/cong-nghe Nguồn:
https://tảimiễnphí.vn Tạo máy tính + - * / trong Javascript - Tạo máy tính căn bản cộng trừ nhân chia bằng Javascript - Sử dụng function trong Javascriptby GokiSoft.com - 20:01 05/09/2022 20,573 Lượt Xem Short URL: https://gokisoft.com/1622 Viết danh sách các hàm sau : - hàm cộng, trừ, nhân, chia với 2 tham số đầu vào - Nhập 2 giá trị đầu vào a, b thông qua prompt và biểu thức tính toán +,-,*,/ - Tính kết quả và in ra màn hình. Chú ý: để nhập a thông qua hàm prompt chúng ta làm theo cách sau a = prompt('Nhập giá trị a') Ứng Dụng Học
Theo dõi cập nhật nội dung học trên Youtube & Facebook Thông Tin Liên Hệ Công Ty Cổ Phần Công nghệ ZicZac Việt Nam. Website: https://ziczacvn.com SĐT: 096 - 70 25 996 Email: Thiết kế webiste chuyên nghiệp Tags: HTML5-T6 javascript function in javascript T2008A C2010G |Khai báo biến & hàm mặc định trong Javascript| js_online C2108L C2108G3 C2110I C2110L C2206L Today_C2206L Giới Thiệu ChungHôm nay mình sẽ hướng dẫn các bạn xây dựng ứng dụng calculator với html, css và js.
Mục Đích Bài ViếtĐây không phải là một ứng dụng gì quá mới mẻ cả nhưng khi vào tay mình thì sẽ có cái mới riêng
kkkk. Bắt Đầu Thôi NàoLên Ý TưởngÝ tưởng cho project này cũng không có gì quá phức tạp, các bạn tham khảo hình ảnh ở dưới nha. Cấu Trúc Thư Mục Cho Dự ÁnCấu trúc thư mục cho project này cũng đơn giản thôi hihihi Bắt Đầu Code Thôi1. Chức Năng Tính Toán Cơ Bản1.1 Code HTMLTrong phần html này ta sẽ tạo một Đây là phần mà có thể nói là quan trọng nhất, nếu mà bình thường thì html -> css -> js nhưng hôm nay mình thay đổi một tí thì mình sẽ code js trước. Như các bạn đã thấy ở trên khi chúng ta chưa css cho nó thì nhìn khá là củ chuối đúng không nào, vậy bây giờ chúng ta bắt đầu css thôi nào. Và dưới đây là toàn bộ code CSS Các bạn có thể tham khảo và cũng như tự mình code tùy theo khả năng sáng tạo của mình nha. Như các bạn đã thấy ở dưới thì mình có khai báo một số thuộc tính như: màu font, màu nền,... trong html với mục đích dễ dàng tái sử dụng và thay đổi bonus thêm thì khi viết như thế thì khi code chức năng dark & light mode sẽ dễ dàng hơn. Còn đây là kết quả khi chúng ta đã hoàn thành xong chức năng tính toán cơ bản, nhìn cũng ra gì phết đấy hihi =))) 2. Chức Năng Dark & Light Mode2.1 Code HTMLTrong
code html này các bạn thêm cho mình một Để mà có thể chia được layout cho Giao diện của chức năng dark & light mode 2.3 Code Javascript Trong phần này các bạn chỉ cần bắt sự kiện checked thì nó sẽ setAttribute tương ứng là được. Và đây là kết quả khi chúng ta hoàn thành chức năng dark & light mode 3. Chức Năng Xem Lại Lịch Sử Tính Toán3.1 Code HTMLTrong class 3.2 Code JavascriptMình sẽ sử dụng object và array để làm công đoạn lưu trữ lịch sử tính toán nay, thì chắc các bạn cũng đã hình dung ra được là mình sẽ làm như nào rồi nhờ. Chúng ta cùng xem thử nó đã lưu được lịch sử chưa nha hihi 3.3 Code CSS Như các bạn đã thấy ở trên khi ta lưu lịch sử thì bị vỡ layout ngay vậy bây giờ chúng ta làm như nào nhờ?
Dưới đây là code js để khi click vào icon thì sẽ add class để hiển thị lịch sử
Và dưới là kết quả khi chúng đã hoàn thành lưu trữ lịch sử <3 Vậy là xong rồi nha, các bạn tham khảo code mà mình đã push lên github tại đây nha. Lời KếtVậy là xong bài Xây Dựng Ứng Dụng Calculator Với Javascript. Mình mong muốn bài này sẽ giúp các bạn beginer hiểu, nắm rõ hơn và có cảm giác thú vị hơn khi học js. |