JavaScript实现简单的加减乘除

最新推荐文章于 2023-12-06 14:43:28 发布

Xuan_m_o

最新推荐文章于 2023-12-06 14:43:28 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：个人总结 JavaScript 文章标签： js JavaScript html

本文链接：https://blog.youkuaiyun.com/Xuan_m_o/article/details/96896553

该博客介绍了如何利用HTML和JavaScript原生代码实现简单的加、减、乘、除运算。通过示例展示了具体的实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用简单的html和原生的Javascript进行加减乘除运算

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>IFE ECMAScript</title>
</head>

<body>
    <input id="first_number" type="number" placeholder="第一个数字">
    <input id="second_number" type="number" placeholder="第二个数字">
    <button id="add-btn">加</button>
    <button id="minus-btn">减</button>
    <button id="times-btn">乘</button>
    <button id="divide-btn">除法</button>
    <p id="result">运算结果</p>
    <script>
        var x = document.getElementById("first_number");
        var y = document.getElementById("second_number");

        document.getElementById("add-btn").onclick = function() {
                document.getElementById("result").innerHTML = parseFloat(x.value) + parseFloat(y.value);
            },
            document.getElementById("minus