Question

因此，我制作了一个程序，该程序采用一个值（十进制数）并将其替换为其二进制值。计算部分工作完美。然后，我制作了一个html文档，当单击按钮时，该文档应将二进制值添加到空段落中。它将其添加到段落中，但是就像添加时一样，它消失了。您可以瞬间看到它。我从另一篇文章（this one）中获得了JS部分的想法。所有人都说对他们来说很好。因此，如果有人可以提供帮助，我将非常感激。

function decimalToBinary() {

            var decimalNumber = document.getElementById('decimalNumber').value
            // Holds the value entered in the input box

            // ... some code that calculates the binary value 

            var result = new String(valueOfTheBinaryNumber)      

            var resultParagraph = document.createElement("p");
            var resultText = document.createTextNode(result);
            resultParagraph.appendChild(resultText);
            var element = document.getElementById("main")
            element.appendChild(resultParagraph)
        }

  <input type="number" name="Decimal Number" id="decimalNumber" min="0" step="0.0001">
  <button onclick="decimalToBinary()">Convert</button>    
  <p id="p"></p>

我以一种新的，更简单的方式进行了编辑，以将结果作为段落显示，但仍在一瞬间消失。

文本添加到段落后消失（HTML / JS）

0 个答案: