如何從 function 中提取 javascript 變量

Question

我想從 function 中檢索變量 x，但是這個代碼不起作用誰知道

謝謝你

function myFunction(){
  var x = document.getElementById("nom").value;
  //document.getElementById("demo").innerHTML =x ;

 return x;
}

response = myFunction();

document.getElementById("deux").innerHTML =response ;

<form class="form">
<label>Entre ton nom</label>
<input type="text" id="nom" name="Nom" placeholder="Nom" value="" class="form-control">
<input type="button" name="Envoyer" class="btn btn-default" value="Envoyer" onclick="myFunction();">
</form>

 <script src="test-envois.js"></script>
   <p id="deux"></p>
  <p id="demo"></p>

Answer 1

您能否添加更多關於您想要實現的目標的細節？

Answer 2

從我在代碼中可以看到的是，當您單擊按鈕時，您希望將響應添加到 deux id 問題在於響應在您加載頁面的那一刻執行。 您需要在 function 中添加該邏輯，如下所示：

function myFunction() {
    var x = document.getElementById("nom").value;
    //document.getElementById("demo").innerHTML =x ;
    // let response = myFunction();

    document.getElementById("deux").innerHTML = x;
}

現在它在您單擊按鈕時執行

Answer 3

如果我理解正確，您希望用戶以“nom”形式輸入的任何內容都顯示在段落標簽“deux”中？

如果是這種情況，您可以這樣做：

function myFunction() {
var x = document.getElementById("nom").value;
document.getElementById("deux").innerHTML = x;
}

您可以將所有代碼包含在一個 function 中，無需分開

Answer 4

function myFunction(){
  var x = document.getElementById("nom").value;
 affichepanier(x);
 
}

function affichepanier(val)
{
  var variableOfFunction1 = val;
  document.getElementById("deux").innerHTML =variableOfFunction1 ;
}