создание журнала с добавлением

Question

необходимо создать журнал сообщений, в которых сообщение сохраняется вместе со временем.

У меня есть этот код, но новое сообщение удалено старым и заменено новым.

var textons = prompt("Digite sua mensagem para a ONS", ""); 
    var areaons = prompt("Digite a area onde o problema ocorreu", ""); 



    var date = new Date(); 
    var d = date.getDate(); 
    var day = (d < 10) ? '0' + d : d; 
    var mes = date.getMonth() + 1; 
    var month = (mes < 10) ? '0' + mes : mes; 
    var yy = date.getYear(); 
    var year = (yy > 100) ? yy - 100 : yy; 
    var hours = date.getHours(); 
    var min = date.getMinutes(); 
    var minutes = (min < 10) ? '0' + min : min; 
    var sec = date.getSeconds(); 
    var seconds = (sec < 10) ? '0' + sec : sec;  


    if (areaons != null && textons != null) { 
     document.getElementById("logdescricao").innerHTML = 
     "ONS: " + textons; 
     document.getElementById("logarea").innerHTML = 
     areaons; 

     document.getElementById("loghoracos").innerHTML = 
     day + "/" + month + "/" + year + " " + hours + ":" + minutes + ":" + seconds; 

     document.getElementById("loghoralocal").innerHTML = 
     day + "/" + month + "/" + year + " " + hours + ":" + minutes + ":" + seconds; 
    } 
} 

Я думал об использовании .append (функция), но не удалось.

Как я могу заставить текст перестать быть перезаписанным и пройти, чтобы сохранить его?

поблагодарить

Answer 1

Если я вас правильно понял, вы просто хотите, чтобы добавить в каждую секцию вместо перезаписи? Тогда все, что вам нужно сделать, это «+ =» вместо «=»

document.getElementById("logdescricao").innerHTML += "ONS: " + textons 

Однако, это, вероятно, не самый лучший способ сделать это.

Вы можете попробовать:

var logdescricaoText = document.createTextNode("ONS: "+textons); 
document.getElementById("logdescricao").appendChild(logdescricaoText); 

---

Но, на самом деле, если вы хотите, чтобы составить список вещей, то вы должны использовать таблицу. Это позволит значительно упростить и структурировать стиль. В вашем HTML:

<table> 
    <thead> 
     <tr> 
      <td>Descricao</td> 
      <td>LogMessage</td> 
      <!-- other field headers like 'time' --> 
     </tr> 
    </thead> 
    <tbody id=logs> 
    </tbody> 
</table> 

Затем вы можете использовать JavaScript (внутри «если» блок, вместо того, чтобы все ваши «.innerHTML =» вещи)

var logLine = document.createElement("tr"); 
document.getElementById("logs").appendChild(logLine); 

var descricao = document.createElement("td"); 
descricao.appendChild(document.createTextNode("ONS: "+textons)); 
logLine.appendChild(descricao); 

var logArea = document.createElement("td"); 
logArea.appendChild(document.createTextNode(areaons); 
logLine.appendChild(logArea); 
etc.. 

Кроме того, вы можете примените стили CSS к части «thead» HTML

например. в вашем файле CSS:

thead { 
    font-weight: bold; 
}