Простой вопрос новичка: как изменить список результатов формы?

avatar
vdvanne
8 августа 2021 в 23:02
41
0
0

Я новичок в этом, но я пытаюсь создать что-то вроде генератора ссылок/цитирования (что-то вроде этого: https://www.lawteacher.net/oscola-referencing/book.php, но гораздо более простой), чтобы помочь мне с универом в следующем году, а также развить некоторые навыки в этой области. Решил, что лучший способ создать такой «генератор» — использовать форму. Эта часть идет нормально, и я, кажется, ее вниз. Проблемы возникают из-за результатов. Для начала я создал базовую форму:

 <body>
    <form action="results.html" method="GET" enctype="multipart/form-data">
      <div>
       <label>Initials</label>
       <input type="text" name="Initials" id="Initials" placeholder="e.g. J.K." required>
      </div>
      <div>
        <label>Last name</label>
        <input type="text" input name="Last name" id="Last name" placeholder="e.g. Rowling" required>
      </div>
      <div>
        <label>Title</label>
        <input type="text" input name="Title" id="Title" placeholder="e.g. Fantastic Beasts" required>
      </div>
      <div>
   
      <button type="reset">Reset</button>
      <button type="sumbit">Submit</button>
    </form>
  </body>

Для результатов я написал следующую часть

  <script>
        const resultslist = document.getElementById('results')
        new URLSearchParams(window.location.search).forEach((value,name) => {
            resultslist.append(`${value}`)
        
            
        })
    </script>

Однако теперь я не могу понять, как изменить порядок ввода в результатах. Кто-нибудь может мне помочь?

Не прошу вас делать за меня работу, но я был бы очень признателен, если бы кто-нибудь мог направить меня в правильном направлении.

Я уже изучил все аспекты, но все изменения, которые я делаю, похоже, ничего не делают, кроме того, что результаты вообще не появляются. Я потратил весь день на изучение этого, но я все еще новичок в этом. На данный момент я изо всех сил пытаюсь понять, какие корректировки нужно внести.

Уточнение, теперь результаты будут отображаться как:

Дж.К.РоулингФантастические твари

Но я бы хотел, чтобы они отображались как:
Дж.К. Роулинг, Фантастические твари

Или узнайте, как сделать так, чтобы они отображались как:
Роулинг, Дж.К. Фантастические твари

Источник
Dai
8 августа 2021 в 23:59
0

Для начала не используйте .forEach — это устаревший метод, который сейчас устарел: он заменен на for(of). developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

Dai
9 августа 2021 в 00:00
0

Я не уверен, какой ваш фактический вопрос - похоже, вы хотите иметь список как переменную внутри своей программы, но не отображать его в DOM?

vdvanne
9 августа 2021 в 00:02
0

Я надеюсь, что правильно вас понял, поскольку английский не является моим родным языком, но мой вопрос заключается в следующем:

vdvanne
9 августа 2021 в 00:08
0

Прямо сейчас результаты отображаются в виде имени и значения, разделенных знаком :. Тем не менее, я хотел бы поиграть с тем, как отображаются результаты. Пример: теперь это может отображаться как: Имя: Althoff, Название: Learning to Program, Издатель: Pearson Education. Однако я хотел бы узнать, какие изменения нужно внести, чтобы поиграть с тем, как отображаются результаты (например, изменение примера на: Althoff, Pearson Education, Learning to Program) --- Все изменения, которые я пытался внести, только нарушили код, и я не могу найти учебник/руководство, ведущее меня в правильном направлении.

Dai
9 августа 2021 в 01:14
0

Если вы хотите «поиграть» с визуализацией элементов, просто измените строку resultslist.append(`${name}: ${value}`). Из любопытства, какой редактор или IDE вы используете?

vdvanne
9 августа 2021 в 19:45
0

Я отредактировал вопрос, чтобы добавить некоторые пояснения :). В настоящее время используется код Visual Studio (надеюсь, все в порядке)

Ответы (0)