জাভাস্ক্রিপ্ট বেসিক ক্যালকুলেটর

Tue May 22, 2018 3:46 pm

কোড:
নিচের কোডটি মিনিল্যাবের এডমিন কতৃক লিখিত,যদি কোডটি অন্য কারো কোডের সাথে মিলে যায়,তাহলে সেটা কাকতালীয়।

এইচটিএমএল:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>basic claculator</title>
</head>
<body>

<div class="bod">

<label for="rst">Result Goes To Here:</label>

<br/>

<div class="df">
<div class="ds">
<p class="rst" id="rst"></p>
</div>
</div>

<br/>
<form oninput="inp()">
<label for="fir">Enter First Number:</label>

<br/>

<input type="number" id="fir" class="fir" placeholder="Enter First Number"/>

<br/>

<label for="ara">Enter Operator:</label>

<br/>

<input type="tel" class="ara" id="ara" placeholder="Enter Operator"/>

<br/>

<label for="sec">Enter Second Number:</label>

<br/>

<input type="Number" class="sec" id="sec" placeholder="Enter Second Number"/>
</form>
</div>
</body>
</html>

সিএসএস:

body{
background-color:coral;
}

.fir{
width:99%;
padding:10px 0px;
outline:none;
border-radius:10px;
text-align:center;
border:2px solid black;
font-weight:bolder;
}
.sec{
width:99%;
padding:10px 0px;
border-radius:10px;
text-align:center;
border:2px solid black;
outline:none;
font-weight:bolder;
}
.ara{
width:99%;
padding:10px 0px;
border-radius:10px;
border:2px solid black;
text-align:center;
outline:none;
font-weight:bolder;
}
.bod{
box-shadow:0px 0px 5px 1px black;
padding-bottom:50px;
background-color:yellow;
margin-top:1%;
}
.df{
width:97%;
height:170px;
background-color:lightgray;
box-shadow:0px 0px 3px 1px black;
padding:10px 4px 10px 5px;
text-align:center;
}
.ds{
width:98%;
background-color:lightblue;
border-width:1px 1px 1px 4px;
border-color:red red red RGB(0,200,0);
border-style:solid;
height:99%;
width:98%;
text-align:center;
}
.rst{
color:red;
font-weight:bolder;
}

জাভাস্ক্রিপ্ট:

function inp(){
var a = document.getElementById("rst")
var b = document.getElementById("fir")
var c = document.getElementById("ara")
var d = document.getElementById("sec")
if (c.value == "+"){
a.innerHTML = + b.value + + d.value
}
else if (c.value == "-"){
a.innerHTML = b.value - d.value
}
else if (c.value == "*"){
a.innerHTML = b.value * d.value
}
else if (c.value == "/"){
a.innerHTML = b.value / d.value
}
}
কোড প্লে করুন
উপরের লিংকে প্লে করতে সমস্যা হলে
এখানে প্লে করুন
ধন্যবাদ,মিনিল্যাবের সাথেই থাকুন। Very Happy

রেজিস্টার করতে ভুলিবেন না কিন্তু Laughing