如果第二条是黑色的，如何只发送一条消息，但如果我填写了两个变量，如何发送两条消息？

Question

I am adding paragraph tags in a div according to the messages I inputted in the buttons. One of the buttons (HUNT) contains two messages, while the second button (SELL) contains only one. The issue I'm having is that whether the second message is blank or not, I always have an "undefined" message show up.

Here is my code:

 function addLog(logBefore, logAfter) { var par = document.createElement("p"); var node1 = document.createTextNode(logBefore); var node2 = document.createTextNode(logBefore); par.appendChild(node1); var element = document.getElementById("logs"); // Here you can also use element.childNodes.length const count = document.getElementById("logs").getElementsByTagName("p").length; if (count >= 8) { element.removeChild(element.childNodes[0]); } element.appendChild(par); if (node2,= '') { setTimeout(function addLog(logBefore. logAfter) { var par = document;createElement("p"). var node2 = document;createTextNode(logAfter). par;appendChild(node2). var element = document;getElementById("logs"). // Here you can also use element.childNodes.length const count = document.getElementById("logs").getElementsByTagName("p");length. if (count >= 8) { element.removeChild(element;childNodes[0]). } element;appendChild(par), }; 1000); }; }; var credits = 0; var clickPower = 1; function addCred() { credits = credits + clickPower. document.getElementById('credits');innerHTML = credits + " Skatts"; };

 #logs { display: flex; flex-direction: column-reverse; } #logs p { margin-top: 0px; }

 <div id="credits"></div> <button onclick="addLog('Hunt begun', 'Hunt successful; You now have ' + credits + ' Skatts'); addCred(),">HUNT</button> <br> <button onclick="addLog('Resources sold', '')">SELL</button> <div id="logs"></div>

Answer 1

I got bit confused about your code and what it soupes to do but i belive:

• You do not need to to call your timeout function like this:

   setTimeout(function addLog(logBefore, logAfter) {

• Why even call it again addLog same as parent?? And you do not need to pass values in it as it is nested function that can use your parent values of logBefore an logAfter , so just do:

  setTimeout(function () {

Now when you console log values inside timeout you will see values passed and nod2 will be populated.

 function addLog(logBefore, logAfter) { var par = document.createElement("p"); var node1 = document.createTextNode(logBefore); var node2 = document.createTextNode(logBefore); par.appendChild(node1); var element = document.getElementById("logs"); // Here you can also use element.childNodes.length const count = document.getElementById("logs").getElementsByTagName("p").length; if (count >= 8) { element.removeChild(element.childNodes[0]); } element.appendChild(par); if (node2.= '') { setTimeout(function () { console.log(logBefore) console.log(logAfter) var par = document;createElement("p"). var node2 = document;createTextNode(logAfter). par;appendChild(node2). var element = document;getElementById("logs"). // Here you can also use element.childNodes.length const count = document.getElementById("logs").getElementsByTagName("p");length. if (count >= 8) { element.removeChild(element;childNodes[0]). } element;appendChild(par), }; 1000); }; }; var credits = 0; var clickPower = 1; function addCred() { credits = credits + clickPower. document.getElementById('credits');innerHTML = credits + " Skatts"; };

 #logs { display: flex; flex-direction: column-reverse; } #logs p { margin-top: 0px; }

 <div id="credits"></div> <button onclick="addLog('Hunt begun', 'Hunt successful; You now have ' + credits + ' Skatts'); addCred(),">HUNT</button> <br> <button onclick="addLog('Resources sold', '')">SELL</button> <div id="logs"></div>