Как выбрать случайные слова из html - PullRequest
Новая
       0

Как выбрать случайные слова из html

0 голосов
/ 09 июля 2020

Итак, я совершенно новичок в программировании. Все, что я знаю, это очень простые c вещи вроде hello world. По сути, я хочу иметь возможность выбирать случайные слова из списка. Я не совсем уверен, как это сделать. Я определенно не прошу никого писать все за меня, мне просто нужна отправная точка. Сейчас я довольно потерян. Заранее спасибо.

Ответы [ 2 ]

1 голос
/ 09 июля 2020

Это зависит от того, как «создается» список.

Если список может быть составлен программистом (таким образом, c и не может быть изменен пользователем), вы можете сделать следующее (скопируйте и вставьте это в файл. html): 

<html>
  <button onclick="randomizeFunction()">Randomize!!</button>
  
  <p>Random generated word is:</p>
  <p id="randomWord"></p>
</html>

<script>
const myList = ["List item 1", "List item 2", "List item 3", "List item 4", "List item 5"];

randomizeFunction()

function randomizeFunction() {
    document.getElementById("randomWord").innerHTML = myList[Math.floor(Math.random() * myList.length)]
}
</script>

Обратите внимание, здесь также используется JavaScript! В настоящее время он поддерживает большинство отзывчивых веб-сайтов.

Javascript - это часть между тегами script . Для настройки измените элементы в const myList между [...]. Убедитесь, что [...] оставлены и разделяют элементы запятыми. Кроме того, если вы собираетесь использовать слова, не забудьте процитировать их (сделав из них строки), как это сделал я. example ('напишите все').

Продолжайте, программирование - это здорово!

0 голосов
/ 09 июля 2020

Для этого вам понадобится javascript, а не html. Я создал для вас функцию под названием Random Word Picker.

если вы хотите добавить javascript на страницу html, поместите его между этими тегами 

<script> </script>

let theList = ["hello", "there", "john", "how", "are", "you", "doing"]


function randomWordPicker(aList){
    let theListLength = theList.length / 10
    let theAnswer = Math.floor( ( Math.random( ) * 10 ) * theListLength  ) 
    return aList[theAnswer]
}

let result = randomWordPicker(theList)
document.querySelector("h1").innerHTML = result
console.log(result)

this функция выберет случайное слово из списка, а затем отобразит его в теге h1 и на консоли.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...