在 html 中更改鼓舞人心的报价，例如 Laravel

Change inspiring quote in html like Laravel

本文关键字：例如 Laravel 鼓舞人心 html      更新时间：2023-09-26

在Laravel欢迎页面中，<div class="quote">{{ Inspiring::quote() }}</div>这个函数可以动态更改报价。是否可以在 HTML 页面中实现此功能？

你可以用javascript做到这一点。 试试这个

<html>
      <script type="text/javascript">
        var arr = ["Its Amazing","The Power to do more","Try This","You can do this"];
        var rand = arr[Math.floor(Math.random() * arr.length)];
    </script>

    <p id="demo"></p>
    <script>
         document.getElementById("demo").innerHTML = rand;
    </script>
</html>

演示在这里 https://jsfiddle.net/bgg3mman/

相关文章：