Question

我无法在html页面上显示结果，这就是我将其作为提醒的原因

<h1>Factorial Problem</h1>
<form name="frm1">
Enter any number :<input type="text" name="fact1"><br><br>
<input type="submit" value="Calculate" onclick="fact(frm1.fact1.value)">

这是JavaScript

function fact(n){
    var m=1;
    while(n){
         m=m*n;
         n--;
    }
    alert("Factorial of given number :"+" "+ m);
}

Answer 1

您需要在DOM中添加一个标识符以使用JS注入值。

举个例子，我告诉你代码并添加了一个div，其id值为＆＃39;结果＆＃39;。

然后使用JS，我们在你的点击事件中将值注入DOM中。

<h1>Factorial Problem</h1>
<form name="frm1">
Enter any number :<input type="text" name="fact1"><br><br>
<div id="result"></div>    
<input type="button" value="Calculate" onclick="fact(frm1.fact1.value)">


function fact(n){
    var m=1;
    while(n){
         m=m*n;
         n--;
    }

    var el = document.getElementById('result'); 
    el.innerHTML = "Factorial of given number :"+" "+ m;
    // alert("Factorial of given number :"+" "+ m);
}

Answer 2

<body>
  <h1>Factorial Problem</h1>

   Enter any number :<input type="text" id="fact1"><br><br>
   <input type="submit" value="Calculate" onclick="fact()">

   <p id="result"></p>
</body>



function fact(){
   var m=1;
   var n=document.getElementById("fact1").value;
   while(n){
      m=m*n;
      n--;
    }
    //alert("Factorial of given number :"+" "+ m);
    document.getElementById("result").innerHTML=m;
 }

无法在输入下方的页面中显示结果

2 个答案: