JavaScript Project -3

Posted by: | Published: Sunday, September 04, 2016 | Categories:
ওয়েব স্কুল বিডি :
সুপ্রিয় শিক্ষার্থী বন্ধুরা আজ তোমাদের দেখাবো কিভাবে জাভাস্ক্রিপ্ট দিয়ে ক্যালকুলেটর  বানানো যায় :


HTML Part :




CSS Part :

* { margin: 0; padding: 0; box-sizing: border-box; }

 html, body { font-family: 'Roboto', sans-serif; font-weight: 800; }

 #calculator { width: 450px; height: 270px;; margin: 50px auto 0 auto; background-color: #3498db; padding: 10px 10px 260px 10px; border-radius: 5px; border-bottom: 5px solid #42729B; }

 .result { width: 305px; height: 40px; float: left; line-height: 40px; background-color: #3E4651; color: #fff; margin: 5px; }

 .result > p { margin-left: 10px; }

 .clear, span { height: 40px; border-bottom: 3px solid grey; border-radius: 10px; text-align: center; line-height: 40px; cursor: pointer; background-color: #ecf0f1; color: #2c3e50; margin: 5px; }

 .clear { width: 95px; float: left; background-color: #c0392b; color: #fff; border-color: #A63125; }

 .clear:hover { background-color: #D6523C; }

 span { float: left; width: 95px; }

 span:hover { background-color: #D4D4D4; }


JavaScript Part :



Output :
www.webschoolbd.com



Previous
Next Post »

আপনার কোন কিছু জানার থাকলে কমেন্টস বক্স এ লিখতে পারেন। আমরা যথাযত চেস্টা করব আপনার সঠিক উত্তর দিতে। ভালো লাগলে ধন্যবাদ দিতে ভুলবেন না।
- শুভকামনায় ওয়েব স্কুল বিডি
ConversionConversion EmoticonEmoticon