一个计算切比雪夫多项式的HTML界面和JS函数

最新推荐文章于 2024-10-01 23:23:32 发布

bhZ567

最新推荐文章于 2024-10-01 23:23:32 发布

阅读量109

点赞数 2

分类专栏：前端文章标签： html javascript 前端

本文链接：https://blog.csdn.net/2301_76273740/article/details/141527782

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

代码如下，JS函数含在里面

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">  
    <title>切比雪夫多项式</title>  
    <link rel="stylesheet" href="styles.css">  
</head>  
<body>  
    <div class="app-container">  
        <p>切比雪夫多项式：T<sub>n</sub>(x)=cos(<em>n</em> arccos<em>x</em>)</p>
        <p>n请输入小于20的整数，如果输入x将计算式子代入x之后的结果</p>
        <input type="text" id="input1" placeholder="输入n" onblur="check('input1','int')">  
        <input type="text" id="input2" placeholder="输入x" onblur="check('input2','num')">    
        <button id="submitBtn" onclick="fun()">提交</button> 
        <p id="shizi"></p> 
        <p id="result"></p> 
    </div>  
    <script src="script.js"></script>
    <script>
        
        function fun(){
            var n=document.getElementById("input1").value;
            var x=document.getElementById("input2").value;
            var str=`T<sub>${n}</sub>=`;
            var value=0;
            var N=20;
            n=parseInt(n)
            x=parseFloat(x)
            let arrn=new Array(N+1).fill(0)
            let arrn_1=new Array(N+1).fill(0)
            let arrn_2=new Array(N+1).fill(0)
            arrn_2[0]=1;
            arrn_1[1]=1;
            if(n==0){
                str+='1';
                value=1;
            }
            else if(n==1){
                str+='x';
                value=x;
            }
            else{
                str+=`2<sup>${n-1}</sup>x<sup>${n}</sup>`
                value+=Math.pow(2,n-1)*Math.pow(x,n);
                for(i=2;i<=n;i++){
                    arrn.fill(0);
                    arrn[0]=-arrn_2[0];
                    for(j=1;j<=n;j++){
                        arrn[j]=arrn_1[j-1]*2-arrn_2[j];
                    }
                    arrn_2=Array.from(arrn_1);
                    arrn_1=Array.from(arrn);
                }
            }
            for(j=n-2;j>=0;j--){
                if(arrn[j]<0){
                    str+=`${arrn[j]}x<sup>${j}</sup>`
                    value+=arrn[j]*Math.pow(x,j)
                }
                else if(arrn[j]>0){
                    str+=`+${arrn[j]}x<sup>${j}</sup>`
                    value+=arrn[j]*Math.pow(x,j)
                }
            }
            document.getElementById("shizi").innerHTML=str
            document.getElementById("result").innerText=`代入x后的结果：${value}`
        }
    </script>  
</body>  
</html>