JavaScript实现水果价格查询功能 |21xrx.com

JavaScript实现水果价格查询功能

2023-06-15 10:48:15 深夜i -- --

JavaScript 查询水果价格

随着人们生活水平的提高，对于食物的品质和价格也越来越重视。在日常生活中，我们经常需要查询各种食物的价格，其中就包括水果。现在，我们可以利用JavaScript实现水果价格的快速查询功能。

首先，我们需要在HTML页面中创建一个输入框和一个按钮，用来输入水果名称并触发查询价格功能。代码如下：

在JavaScript中，我们可以使用一个对象来存储各种水果的价格。代码如下：


var fruitPrice =
 "apple": 2.5;

接下来，我们可以编写查询价格的功能函数，该函数从输入框中获取水果名称，并从fruitPrice对象中获取相应的价格。代码如下：


function searchPrice() {
 var fruit = document.getElementById("fruitName").value.toLowerCase();
 var price = fruitPrice[fruit];
 if (price) {
  alert("该水果的价格是：" + price + "元/斤");
 } else {
  alert("抱歉，未查询到该水果价格。");
 }
}

最后，我们将searchPrice函数绑定到按钮的点击事件上，这样当用户点击查询按钮时，就会触发查询价格功能。

以上就是实现水果价格查询功能的JavaScript代码，可以在任何支持JavaScript的浏览器中运行。通过这种方法，我们可以快速方便地查询各种水果的价格。

上一篇: idea打包java可执行jar包

下一篇: C++和Java：两者的异同

评论区

()

相似文章