Question

我想使用变量将文本注入div。这是我的代码的Stack Snippet：

＆＃13;

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

＆＃13;

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

＆＃13;

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();