JS入门001|加减乘除计算器-金字塔-排序

最新推荐文章于 2022-06-11 18:26:36 发布

废柴姐姐

最新推荐文章于 2022-06-11 18:26:36 发布

阅读量394

点赞数

分类专栏： JavaScript笔记

本文链接：https://blog.csdn.net/qq_45481282/article/details/109695305

版权

这篇JS入门教程介绍了如何使用变量进行基本的加减乘除运算，并展示了构建金字塔的示例，同时讲解了简单的排序概念。通过实例帮助初学者理解JS基础操作。

摘要由CSDN通过智能技术生成

JS入门001

webstorm界面‘

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>名字</title>
</head>

<body>

</body>
</html>

变量的使用

a();
function a(){
    //   读取用户输入并保存到name变量中
    var name=prompt('请输入你的名字');
    // 输出name变量
    alert(name);
}

加减乘除

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>加减乘除</title>
</head>
<script type="text/javascript">

    function jia(){
    //加法
        var a=document.getElementById('a').value;
        var b=document.getElementById('b').value;
        var c=document.getElementById('c');
        c.value=Number(a)+Number(b);

    }

    function jian(){
    //减法
        var a=document.getElementById('a');
        var b=document.getElementById('b');
        var c=document.getElementById('c');
        c.value=Number(a.value)-Number(b.value);
    }

    function cheng(){
    //乘法
        var a=document.getElementById('a').value;
        var b=document.getElementById('b').value;
        var c=document.getElementById('c');
        c.value=Number(a)*Number(b);
    }

    function chu(){
    //除法
        var a = document.