JavaScript 随机消息答案

【问题标题】：JavaScript Random MessageJavaScript 随机消息
【发布时间】：2023-04-04 09:32:02
【问题描述】：

当我的 PHP 代码成功匹配时，我需要创建一条随机消息，但我不确定如何使用 JavaScript 完成此操作。在我的代码中，PHP 从文件中提取用户名和密码，然后检查用户输入的用户名和密码是否匹配。如果是这样，他们将获得访问权限，并且表单会消失以显示一条消息（我正在尝试弄清楚该怎么做）。如果没有，则拒绝访问并保留表单以供他们重试。

我已尝试将代码更改为 onload、onclick 和 addEventListener，但不会显示任何内容。我还尝试将 HTML 标记更改为 element 和 p。这不可能吗？我不认为onclick 会很好，因为无论哪种方式都单击了提交按钮，但我尝试了它，看看我是否可以让它工作。

PHP

    //NO ERRORS AVAILABLE AND THE BUTTON HAS BEEN PUSHED
    if (!$error && isset($_POST['submit']))
    {
        echo '<div class = "output">
        <h1 class = "success">'.$msg.'</h1>
        <p id="welcomeDisplay" onload="newWelcome()"></p>
        <p id="welcomemsg"></p>
        </div>';
    }

JavaScript

var welcome = 
[
    "Success feels so good!",
    "You made it!",
    "You are worthy!",
    "Open Sesame",
    "Welcome to the dark side!",
    "Hola!",
    "So glad you are back!",
    "Hello, sunshine!",
    "Howdy, partner",
    "what's kickin', little chicken?",
    "Peek-a-boo!",
    "Ahoy, matey!",
    "Aloha!",
    "Bonjour!",
    "Hallo!",
    "Ciao!",
    "Konnichiwa!"
];

/*-----------------------------------------------------------------*/
function newWelcome()
{
    var randomNumber = Math.floor(Math.random() * (welcome.length));    
    document.getElementById('welcomemsg').innerHTML = welcome[randomNumber];
}

【问题讨论】：

onload 不能用于<p>（仅用于文档、窗口、img、框架和脚本）。如果您的意图是在插入 HTML 后立即触发该函数，您可以将 <script>newWelcome();</script> 放在 echo 的末尾 - 当然，假设您的函数已经定义（已经加载）。将其绑定到window.onload 也是一个不错的选择。
我的 php 文件中唯一允许使用的 JavaScript 是 <script src="js\script.js" defer></script>。有没有办法在不添加更多<script> 标签的情况下实现这一点？
@monkey84 尝试使用事件处理程序，$(document).on('click', '#welcomeDisplay', function(){ newWelcome(); });
php 脚本的名称是什么？
php文件为index.php

标签： javascript php message

【解决方案1】：

如果 php 脚本位于根级别，您可能会尝试将类似的内容添加到您的 scripts.js 文件中，但您可能需要调整它以说明 url 中没有脚本名称或路径（如果它位于子目录中）文件夹。

document.addEventListener('DOMContentLoaded',()=>{
    let arr=location.href.split('/');
    let page=arr.pop();
    let path=arr.pop();
    /*
        You might need to use the path variable too!
    */
    if( page=='index.php' ){
    
        const welcome=[
            "Success feels so good!",
            "You made it!",
            "You are worthy!",
            "Open Sesame",
            "Welcome to the dark side!",
            "Hola!",
            "So glad you are back!",
            "Hello, sunshine!",
            "Howdy, partner",
            "what's kickin', little chicken?",
            "Peek-a-boo!",
            "Ahoy, matey!",
            "Aloha!",
            "Bonjour!",
            "Hallo!",
            "Ciao!",
            "Konnichiwa!"
        ];
        let msg=welcome[Math.floor(Math.random() * (welcome.length))];
        document.getElementById('welcomemsg').innerHTML=msg
    }
})

【讨论】：