一、從C語言設計簡單的四則運算計算器
在接觸編程語言之初，一般都會接觸到C語言，因為它是一種比較基礎的編程語言，並且承載了很多經典的演算法和計算器的設計。以下是一個簡單的四則運算計算器的C語言代碼：
#include<stdio.h>
#include<stdlib.h>
int main(void)
{
float a, b;
char operator;
float result;
printf("請輸入四則運算式子：\n");
scanf("%f %c %f", &a, &operator, &b);
switch (operator)
{
case '+':
result = a + b;
break;
case '-':
result = a - b;
break;
case '*':
result = a * b;
break;
case '/':
{
if (b != 0)
result = a / b;
else
{
printf("除數為0，請重新輸入！\n");
exit(1);
}
}
break;
default:
printf("輸入有誤，請重新輸入！\n");
exit(1);
break;
}
printf("計算結果為：%f \n", result);
return 0;
}
這個計算器通過scanf函數獲取用戶輸入的兩個數和一個符號，然後通過switch語句計算出結果，最後輸出結果。這個計算器雖然簡單，但是能夠滿足簡單的計算需求。
二、簡單計算器四則運算編程
在學習編程時，我們都會接觸到簡單計算器的編寫。以下是一個基於JavaScript的簡單計算器的代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>簡單計算器-四則運算</title>
<script>
function calculate()
{
let num1 = parseFloat(document.getElementById("num1").value);
let num2 = parseFloat(document.getElementById("num2").value);
let operator = document.getElementById("operator").value;
let result;
switch (operator) {
case "+":
result = num1 + num2;
break;
case "-":
result = num1 - num2;
break;
case "*":
result = num1 * num2;
break;
case "/":
{
if(num2==0){
alert("輸入有誤，請重新輸入！");
return;
}
result=num1/num2;
}
break;
default:
alert("輸入有誤，請重新輸入！");
return;
}
document.getElementById("result").value = result.toFixed(2);
}
</script>
</head>
<body>
<h3>簡單計算器-四則運算</h3>
<form action="#" style="width:300px">
<label>第一個數</label>
<input type="text" id="num1">
<select id="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<label>第二個數</label>
<input type="text" id="num2">
<input type="button" value="計算" onclick="calculate()">
<br>
<label>計算結果</label>
<input type="text" id="result">
</form>
</body>
</html>
這個計算器通過HTML和JavaScript語言實現了基本的四則運算功能。我們在HTML頁面中定義了兩個數和一個運算符，用戶在頁面中輸入數據後，通過JavaScript的計算函數實現計算，並將計算結果顯示在頁面中。這個計算器略微複雜，但是功能更加完善。
三、C++簡單四則運算計算器
除了C語言，C++語言也是一種比較基礎的編程語言，接下來將為大家介紹一個基於C++的簡單計算器代碼：
#include<iostream>
using namespace std;
int main()
{
float num1,num2,result;
char op;
cout<<"請輸入兩個數和運算符：";
cin>>num1>>op>>num2;
switch(op)
{
case '+':
result=num1+num2;
break;
case '-':
result=num1-num2;
break;
case '*':
result=num1*num2;
break;
case '/':
{
if(num2!=0)
result=num1/num2;
else
{
cout<<"輸入有誤，請重新輸入！"endl;
return 1;
}
}
break;
default:
cout<<"輸入有誤，請重新輸入！"endl;
return 1;
}
cout<<"計算結果為："<<result<<endl;
return 0;
}
這個計算器與上面介紹的C語言計算器類似，用戶輸入兩個數和運算符後，通過C++的switch語句計算出結果並輸出。在上面的代碼中，我們還用到了C++中的cout和cin函數，它們分別用於控制台輸出和控制台輸入。
四、Vue寫四則運算的計算器
我們知道，Vue是一種比較新的前端框架，它使用了雙向數據綁定和組件化編程思想。下面是一個基於Vue的簡單計算器：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Vue計算器</title>
<script src="https://unpkg.com/vue"></script>
<script>
var app=new Vue({
el:'#app',
data:{
num1:0,
num2:0,
operator:'/',
result:0
},
methods:{
calculate:function(){
var n1=parseFloat(this.num1);
var n2=parseFloat(this.num2);
switch(this.operator){
case '+':this.result=n1+n2;break;
case '-':this.result=n1-n2;break;
case '*':this.result=n1*n2;break;
case '/':
{
if(n2!=0) this.result=n1/n2;
else alert("輸入有誤，請重新輸入！");
}
break;
}
}
}
});
</script>
<style>
input{
width:60px;
height: 20px;
font-size: 16px;
text-align:right;
}
</style>
</head>
<body>
<div id="app">
<input type="text" v-model="num1">
<select v-model="operator">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" v-model="num2">
<input type="button" value="計算" @click="calculate()">
<br>
<label>計算結果：</label>
<input type="text" v-model="result">
</div>
</body>
</html>
這個計算器使用了Vue的data和methods屬性，其中data用於存儲頁面上的數據，methods用於定義計算函數。Vue通過雙向數據綁定實現了在頁面上輸入數據後實時計算的效果。在這個計算器中，我們還使用了Vue中的@click和v-model屬性，來實現頁面上的按鈕和輸入框。
總結
本文從不同的編程語言和角度，詳細闡述了簡單計算器的編寫方法。無論是C語言、C++、JavaScript還是Vue，從本質上來說，它們都實現了用戶輸入一些數和一個運算符，計算出結果並輸出的基本功能。這也說明，編程語言之間的區別很大程度上取決於語言本身的特性和開發者的選擇。
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/197583.html
微信掃一掃 
支付寶掃一掃 