计算器html js php代码,js代码实现计算器

这篇博客分享了一段JavaScript代码,用于创建一个基本的在线计算器。该计算器支持加、减、乘、除四种运算,并通过用户界面进行交互。文章详细介绍了各个函数的作用,包括输入验证、计算逻辑和结果显示。此外,还提供了符号选择和清空功能。
摘要由CSDN通过智能技术生成

这篇文章介绍的内容是关于js代码实现计算器,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

function myjs(){

var ft = document.getElementById("fhv").value;

var v1 = document.getElementById("v1").value;

var v2 = document.getElementById("v2").value;

var v3 = '';

//alert(ft);

//alert(v1);

//alert(v2);

//alert(v3);

if("+" == ft){

v3 = Number(v1) +Number(v2);

}else if("-" == ft){

v3 = Number(v1)-Number(v2);

}else if("*" == ft){

v3 = Number(v1)*Number(v2);

}else if("/" == ft){

v3 = Number(v1)/Number(v2);

}else{

v3 = '';

}

//alert(v3);

document.getElementById("v3").value= v3;

document.getElementById("z3").innerHTML = v3;

}

function changeFh(){

var fu = document.getElementById("fh");

var idx= fu.selectedIndex ;

var ft = fu.options[idx].value;

var fs = fu.options[idx].text;

//alert(ft == "+");

if("+" == ft){

document.getElementById("an").innerHTML= '加';

document.getElementById("fhv").value= '+';

}else if("-" == ft){

document.getElementById("an").innerHTML= '减';

document.getElementById("fhv").value= '-';

}else if("*" == ft){

document.getElementById("an").innerHTML= '乘';

document.getElementById("fhv").value= '*';

}else if("/" == ft){

document.getElementById("an").innerHTML= '除';

document.getElementById("fhv").value= '/';

}else{

document.getElementById("an").innerHTML= '请选择符号';

document.getElementById("fhv").value= '';

}

var v1 = document.getElementById("v1").value;

v1 = v1.replace(/\s+/g,"");

if(v1.length == 0){

document.getElementById("fhz").innerHTML = '';

}

}

function radow_load(){

changeFh();

}

function checkValue1(){

var v1 = document.getElementById("v1").value;

v1 = v1.replace(/\s+/g,"");

//alert(isNaN(v1));

if(isNaN(v1)){

document.getElementById("v1").value = "" ;

alert("请输入数字!");

}

document.getElementById("z1").innerHTML = v1;

}

function checkValue2(){

var v2 = document.getElementById("v2").value;

v2 = v2.replace(/\s+/g,"");

if(isNaN(v2)){

document.getElementById("v2").value = '';

alert("请输入数字");

}

var fhx = document.getElementById("fhv").value;

if(fhx.length == 0){

document.getElementById("v2").value = '';

alert("请输入符号");

return;

}

document.getElementById("fhz").innerHTML = fhx;

document.getElementById("z2").innerHTML = v2;

document.getElementById("fhzy").innerHTML = '=';

}

function clearValue(){

//alert("clear");

document.getElementById("v1").value= '';

document.getElementById("v2").value= '';

document.getElementById("v3").value= '';

document.getElementById("fhv").value= '';

document.getElementById("fh").value= '';

document.getElementById("fhz").value= '';

document.getElementById("an").innerHTML= '请选择符号';

document.getElementById("z1").innerHTML= '';

document.getElementById("z2").innerHTML= '';

document.getElementById("z3").innerHTML= '';

document.getElementById("fhzy").innerHTML= '';

document.getElementById("fhz").innerHTML= '';

}

我的 Web 页面

+

-

*

/

=

请选择符号

清空

相关推荐:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个基于 PHP 和 JavaScript 的实时汇率计算器代码示例: PHP 汇率接口调用代码: ```php <?php // 定义 API URL $url = "https://api.exchangeratesapi.io/latest"; // 获取请求参数 $base = $_GET['base']; $target = $_GET['target']; $amount = $_GET['amount']; // 构造请求 URL $api_url = $url . "?base=" . $base . "&symbols=" . $target; // 发送请求并获取 API 响应 $response = file_get_contents($api_url); $data = json_decode($response, true); // 计算兑换金额 $result = $data['rates'][$target] * $amount; // 返回结果 echo number_format($result, 2); ?> ``` JavaScript 汇率计算器代码: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>汇率计算器</title> </head> <body> <h1>汇率计算器</h1> <p>1 EUR = <span id="rate"></span> USD</p> <input type="number" id="amount" placeholder="请输入金额"> <select id="base"> <option value="EUR">欧元</option> <option value="USD">美元</option> <option value="JPY">日元</option> </select> <select id="target"> <option value="EUR">欧元</option> <option value="USD">美元</option> <option value="JPY">日元</option> </select> <button onclick="calculate()">计算</button> <p>兑换金额为: <span id="result"></span> </p> <script> function calculate() { // 获取用户输入 var base = document.getElementById("base").value; var target = document.getElementById("target").value; var amount = document.getElementById("amount").value; // 调用 PHP API 获取汇率 var api_url = "api.php?base=" + base + "&target=" + target + "&amount=" + amount; var xhr = new XMLHttpRequest(); xhr.open("GET", api_url, true); xhr.send(); xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { var rate = JSON.parse(xhr.responseText); document.getElementById("rate").innerHTML = rate; document.getElementById("result").innerHTML = rate * amount; } }; } </script> </body> </html> ``` 上面的代码演示了如何使用 PHP 调用外部汇率接口,并使用 JavaScript 实现实时汇率计算器。用户可以选择不同的货币,输入金额,然后点击“计算”按钮,程序就会自动调用汇率接口,计算出兑换金额并显示在页面上。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值