如何创建一次p元素函数并在每个函数中使用它在屏幕上打印

ETo Svn

下面是我的更长版本的代码,我需要一个更短的方法。我想创建一个函数来创建 ap 元素并附加它,但我面临的问题是变量范围。请帮忙!!!下面的代码运行良好,但版本较长。

    const input = document.querySelector('.input-num');

    function squared(num){
        
        const para = document.createElement('p');
        document.body.appendChild(para);
        para.textContent = "square of " + num + " is " + num * num;
    }

    function cubed(num){
        const para = document.createElement('p');
        document.body.appendChild(para);
        para.textContent = "cube of " + num + " is " + num * num * num;
    }

    function areaOfCircle(num){
        const para = document.createElement('p');
        document.body.appendChild(para);
        para.textContent = "Area of circle with radius as " + num + " is " + Math.PI * num * num;
    }

    function circumferenceOfCircle(num){
        const para = document.createElement('p');
        document.body.appendChild(para);
        para.textContent = "Circumference of circle with radius as " + num + " is " + 2 * Math.PI * num;
    }

    function factorial(num){
        if(num < 0) return undefined;
        if(num == 0) return 1;
        let initialNum = num;
        let x = num -1;
        while(x > 1){
            num *= x;
            x--;
        }
        const para = document.createElement('p');
        document.body.appendChild(para);
        para.textContent = "factorial of " + initialNum + " is " + num;
    }
    

    input.onchange = function(){

        const num = parseFloat(input.value);
        if(isNaN(num)){
            const para = document.createElement('p');
            document.body.appendChild(para);
            para.textContent = 'You need to enter a number';
        } else{
            squared(num);
            cubed(num);
            areaOfCircle(num);
            circumferenceOfCircle(num);
            factorial(num);
        }
    }
布拉沃

创建一个执行重复位的函数`

function dry(text) { 
    const para = document.createElement('p');
    document.body.appendChild(para);
    para.textContent = text;
}

现在你可以简单地做

function squared(num) {
    dry("square of " + num + " is " + num * num);
}

ps 函数名dry无所谓,我用的是dry,因为它代表不要重复自己

另外:这是“较短”但可读性较差

function dry(text) { 
    document.body.appendChild(document.createElement('p')).textContent = text;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何一次创建加载程序并在整个应用程序中使用它?-离子3

在函数中创建数组,并在另一个函数中使用它

如何一次创建一个对象并在Controller中多次使用它

如何一次导入bootstrap-sass并在多个文件中使用它?

如何仅一次获取数据并在联合查询中使用它

在函数中创建字典并在子中使用它

在构造函数中创建一个字符串数组并在主函数中使用它

Angular-如何一次在一个请求中订阅数据,并在子组件中使用它?

如何使用函数的返回值并在下一个函数中使用它

我如何一次只能在一个元素上激活.hover()函数

一次在N个数组元素上运行函数

我如何每个函数调用仅迭代一次

存储参数和函数并在另一个函数中使用它们

如何使用递归每 3 秒打印一次函数内部的变量?

Javascript - 如何导出一个函数并在同一个 model.js 文件中使用它?

如何在clojure with_redefs中使用给定参数检查一次模拟函数至少一次?

在* ngIf中使用函数运行几次而不是一次

如何在C中使用函数读取数字并在main中使用它?

如何一次创建多个数组函数?

def 函数在每个 (while) 循环中重复两次,即使我每次只调用它们一次

通过 html 按钮创建变量并在外部函数中使用它

在函数中创建动态数组(calloc),并在main中使用它

在Python中创建2D c_types数组并在C函数中使用它

如何只用一次TestPropertySource加载一个数据库并在多个测试类中使用它?

如何在Kotlin中使用协程每隔几毫秒调用一次函数

如何创建一次使用后变量值发生变化的函数?

订阅路由以获得可观察性并在一次订阅中使用它做一些事情

Python - 如何检查特定函数是否正在调用您当前的函数,并在当前函数的 if/else 中使用它?

什么被认为是更好的Java代码?创建一个类变量并在每个函数中重用它,还是在每个函数中创建相同类型的新变量?