如何仅用原生JS实现页面刷新时input的placeholder随机切换

核心问题 #

你已经完整写好了随机更换placeholder的逻辑函数newQuote()，但没有调用这个函数的代码，浏览器不会自动执行你定义的函数，所以功能没有生效。

分步修复操作 #

第一步：添加函数调用 #

打开你的JS文件，在所有代码的最末尾添加一行代码：

newQuote()

你在HTML引入JS时已经加了defer属性，会自动等待整个页面DOM加载完成后再执行JS，所以直接加这行调用即可，不需要额外加页面加载监听逻辑。

第二步：测试效果 #

保存修改后的JS文件，刷新页面即可看到quote输入框的placeholder会每次刷新随机切换你预设的句子。

可选优化（不影响现有功能，可按需修改） #

1. 你已经提前通过const quot = document.querySelector("#quot")获取到了目标输入框元素，newQuote函数里可以直接复用这个变量，不用重复调用DOM选择方法，修改后代码更简洁：

function newQuote() {
    const randomQuote = Math.floor(Math.random() * quotes.length);
    quot.placeholder = quotes[randomQuote]
}

2. 现有JS中document.getElementById('bild').src="image"这行代码会把页面图片的地址改成无效值，导致图片加载失败，不需要的话可以直接删除这行。

内容的提问来源于stack exchange，提问作者Double AU