如何將變量從Javascript輸出到html？

Question

我想使用變量將文本注入div。 這是我的代碼的堆棧片段：

 tDNA() { var dna = prompt("Enter the DNA: "); } document.getElementById("dna").innerHTML = "DNA: " + dna;

 <!DOCTYPE html> <html> <head> </head> <body> <src="main.js"> <div id="dna"></div> </body> </html> function promp

Answer 1

您需要像這樣導入腳本

<script type="text/javascript" src="main.js"></script>

Answer 2

這樣，您必須將數據添加到變量dna在作用域中的HTML中，然后實際調用該函數

 function promptDNA(){ var dna = prompt("Enter the DNA: "); document.getElementById("dna").textContent = "DNA: " + dna; } promptDNA()

 <!DOCTYPE html> <html> <head> </head> <body> <div id="dna"></div> <script src="main.js"></script> </body> </html>

另外，您導入的腳本不正確。

Answer 3

您可以嘗試一下。

HTML

<html>
<head>
</head>
<body>
<script defer src = "main.js"></script>
    <div id = "dna">
      <p></p>
    </div>
</body>
</html>

JavaScript的

function promptDNA(){
    var dna = prompt("Enter the DNA: ");
    d1 = document.querySelector("p");   
    d1.textContent = dna;
}

promptDNA();