如何在innerHTML中回显sqli connect错误？

Question

我正在尝试使用mysql connect错误消息替换按钮单击上的html。我的代码的最简化版本如下所示。在我弄清楚为什么这不起作用之后，我计划有一个if语句。

<?php
$test = new mysqli("localhost", "username", "password", "table");
?>
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = '<?php echo $test->connect_error?>';
}
</script>

如果我像这样定义

，则变量输出

<?php
$test2='Anything';
?>
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = '<?php echo $test2 ?>';
}
</script>

如果我这样做，则会显示connect_error

<?php
$test = new mysqli("localhost", "username", "password", "table");
echo $test->connect_error;
?>

但第一个例子返回一个空白。有什么想法吗？