Untitled

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>sample</title>
</head>
<body>
    <input type="button" value="SQL" onclick="sql_exe()">
    <!--ボタンを押すとSQLを実行するボタンを配置 -->
<script>
function sql_exe() {
<?php
    $dsn='mysql:hostホスト名;dbname=データベース名;charset=utf8';
    $user='ユーザ名';
    $password='パスワード';
    //データベースに接続
    try{
        $db=new PDO($dsn,$user,$password);
        $db->setAttribute(PDO::ATTR_EMULATE_PREPARES,false);
        $stmt=$db->prepare(
            "select* from mondai where id=1 ORDER BY RAND() LIMIT 1;"
        );
        //データベースのmondaiテーブルから全ての列を取得
        $stmt->execute();
    }catch(PDOException $e){
        echo "エラー:".$e->getMessage();
    }
    $row=$stmt->fetch();
?>
 var sample=<?php echo $row['body'] ?>;
 //JavaScriptの変数sampleへデータベースから取得した値を代入
 console.log(sample);
 //JavaScriptの変数を表示
}
</script>
</body>
</html>