Share
Go down
avatar
Posts : 7
Join date : 2018-05-16
View user profile

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

on 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>
<!--This Code Made By Minilab Admin.If the code match with someone's code,This is coincidence. -->
<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
Back to top
Permissions in this forum:
You cannot reply to topics in this forum