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=ホスト名;charset=utf8';
    $user='ユーザ名';
    $password='パスワード';
    //データベースに接続
    try{
        $db=new PDO($dsn,$user,$password);
        $db->setAttribute(PDO::ATTR_EMULATE_PREPARES,false);

        $stmt=$db->prepare(
            "select* from sample ORDER BY RAND() LIMIT 1;"
        );
        //データベースのsampleテーブルから全ての列を取得
        $stmt->execute();
        //echo var_dump($stmt);
    }catch(PDOException $e){
        echo "エラー:".$e->getMessage();
    }

    $row=$stmt->fetch();
    //データベースの値を$rowに格納
    $sample=$row['body'];
    //sampleテーブルにある'body'列の値を$sampleに格納
?>

 var sample=<?php echo $sample ?>;
 //JavaScriptの変数sampleへPHPの変数$sampleを代入
 console.log(sample);
 //JavaScriptの変数を表示

}
</script>
</body>
</html>