从 localstorage 中的数组中获取项目并使用按钮单独显示它们

Question

我已经设法将用户的多个输入存储到数组中的localStorage 中，现在我需要在点击时随机显示输入。所以基本上有人只是不断地点击一个“生成”按钮来随机和单独地查看每个输入。我需要让它以随机和单独的方式显示从 localstorage（或 elswhere）存储在数组中的内容。可能在文本区域中旋转。

目前我让它一次显示而不是单独显示。非常感谢任何和所有帮助。

    <form>
      <input id="item" type="text" placeholder="Add New Favorite Here" >
    </form>
        
<div id="favul"><ul id="items"></ul></div>
   

<button id="favbutton1" style="width:100px" onclick="wipe()">Clear</button>
        
<script>
            
const form = document.querySelector('form');
const ul = document.querySelector('ul');
const input = document.getElementById('item');
let itemsArray = localStorage.getItem('items') ? JSON.parse(localStorage.getItem('items')) : [];

localStorage.setItem('items', JSON.stringify(itemsArray));
const data = JSON.parse(localStorage.getItem('items'));

const liMaker = (text) => {
  const li = document.createElement('li');
  li.textContent = text;
  ul.appendChild(li);
}

form.addEventListener('submit', function (e) {
  e.preventDefault();

  itemsArray.push(input.value);
  localStorage.setItem('items', JSON.stringify(itemsArray));
  liMaker(input.value);
  input.value = "";
});

data.forEach(item => {
  liMaker(item);
});

function wipe() {
  localStorage.clear();
  while (ul.firstChild) {
    ul.removeChild(ul.firstChild);
  }
  itemsArray = [];
};

</script>
        
        

<button id="favButton" onclick="copy()">Copy</button><br>
       

<script>
  
function copy() {
  let plot = document.getElementById("plot");
  plot.select();
  document.execCommand("copy");
}
        
</script>
           

Answer 1

如果我没有弄错，随机数字生成器将解决您的问题。您可以简单地链接您的按钮和（0，数组长度）之间的数字生成器函数。这是用python编写的简单伪代码。

import random

your_array = [...]

def press_button(list):
    return your_array(random.randint(0, len(list)))