無法在輸入下方的頁面中顯示結果

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注入值。

例如，我給您代碼，並添加了一個id為'result'的div。

然后使用JS，在您的按鈕的click事件中將值注入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 個解決方案

解決方案1
1 已采納 2016-01-08 21:56:42

解決方案2
0 2016-01-08 22:07:19

無法在輸入下方的頁面中顯示結果

問題描述

2 個解決方案

解決方案1 1 已采納 2016-01-08 21:56:42

解決方案2 0 2016-01-08 22:07:19

解決方案1
1 已采納 2016-01-08 21:56:42

解決方案2
0 2016-01-08 22:07:19