Добавьте оба элемента в неупорядоченный список в моем HTML-файле. ⇐ CSS

[Anonymous]

В настоящее время я пытаюсь создать раздел комментариев, и мне удается разрешить пользователю вводить свое имя и комментарий, а также я завершил создание списка, однако я не могу добавить введенное имя и комментарий в список в качестве комментария. Можете ли вы исправить Javascript, чтобы в список добавлялись имя и комментарий? Я хочу исправить свой favascrpt, чтобы я мог добавлять свои элементы "комментарий" в список, к которому я добавил идентификатор под названием "list".

Код: Выделить всё

// JavaScript Document
function titleSubmit() {
document.querySelector("titleNameinput");
document.querySelector("message");
document.getElementById("message").innerHTML = titleNameinput.value;
}

function CommentSubmit() {
document.querySelector("CommentSubmitinput");
document.querySelector("comment");
document.getElementById("comment").innerHTML = CommentSubmitinput.value;
}

function AddItemsintoList() {
document.querySelector("list")
document.querySelector("comment");
list.append("comment")
}

Код: Выделить всё

@charset "utf-8";

/* CSS Document */

*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}

html {
font-size: 16px;
min-height: 100%;
}

h1 {
margin-left: 20px;
margin-top: 5px;
}

h3 {
font-size: 30px;
}

.chattitle {
font-size: 60px;
}

.container {
width: min(90%, 1140px);
margin: 3rem auto;
}

.comment__container {
position: relative;
}

.comment__container {
content: "";
background-color: RGB 165, 165, 165;
position: absolute;
min-height: 100%;
/*as hight as container itself*/
width: 1px;
left: -10px;
}

.comment_card {
padding: 20px;
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: .5rem;
min-width: 100%;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.comment__card h3,
.comment__card p {
margin-bottom: 1rem;
}

.comment_card-footer {
display: flex;
font-size: .85rem;
opacity: p;
gap: 30px;
justify-content: flex-end;
align-items: center;
}

.show-replies {
cursor: pointer;
}

.header {
background-color: white;
color: black;
text-align: center;
margin: -30px;
font-size: 50px;
}

.headimg {
line-height: 5px;
background-color: white;
padding: 5px;
display: block;
margin-left: auto;
margin-right: auto;
width: 125px;
}

.container {
border-radius: 25px;
width: 85%;
margin: auto;
border: #000000;
}

.container2 {
border-radius: 25px;
width: 99%;
background: #09B018;
margin: auto;
border: #000000;
}

.row {
padding: 10px;
border-radius: 20px;
background: #09B04F;
display: flex;
gap: 2%;
justify-content: center;
}

.column {
border-radius: 15px;
width: 60%;
background: #02DB69;
min-height: 125px;
gap: 5%;
margin-left: 10px;
margin-right: 10px;
}

.navi {
display: flex;
justify-content: center;
/* Centers the list items horizontally */
list-style-type: none;
padding: 0;
margin: 0;
}

.navi li {
font-size: 30px;
margin-right: 20px;
/* Adjust spacing between items as needed */
}

.commenttext {
font-size: 20px;
}

Код: Выделить всё

[img]ECORUM_Logo(png).png[/img]

[list]
[*]Home
[*]About
[*]Events
[*]Project
[*]Contact
[/list]



Test Title










Comment


myFunction();








[list]
[*]




AddItemsintoList()

[/list]

Подробнее здесь: https://stackoverflow.com/questions/787 ... -html-file