Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 根据函数输出将音乐添加到html页面_Javascript_Html_Css_Audio_Twitter Bootstrap 3 - Fatal编程技术网

Javascript 根据函数输出将音乐添加到html页面

Javascript 根据函数输出将音乐添加到html页面,javascript,html,css,audio,twitter-bootstrap-3,Javascript,Html,Css,Audio,Twitter Bootstrap 3,我希望我的HTML页面在数字作为函数输出显示在页面上时发出声音。代码如下 <html lang="en"> <head> <style> .home_text { color: #ff0026; font-size: 150pt; } </style> <meta charset="utf-8"> <meta name="viewport" content="widt

我希望我的HTML页面在数字作为函数输出显示在页面上时发出声音。代码如下

<html lang="en">
  <head>
  <style>
    .home_text {
     color: #ff0026;
     font-size: 150pt;
    }
  </style>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Goplan Project Selection</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/4.1/examples/sign-in/">

    <!-- Bootstrap core CSS -->
    <link href="https://getbootstrap.com/docs/4.1/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  </head>

  <body>
  <div class="jumbotron">
  <div class="text-center">
        <img src="cissoiree.jpg" width="80px" height="80px">
    <h1>Go-Plan</h1></div></div>
    <div style="padding-top:5px;" class="text-center">
      <button class="btn-lg btn-primary" onclick="grandom()">Click!</button><br>
      <h1 class="home_text" id="demo"><h1>
    </div>
    <script> 
    var q=[2,3,1,5,4,7,6];
    var x=7;
    function grandom()
    {
    var i;
    x=q.length;
            var random;
            while(1)
            {

                random = Math.floor(Math.random()*x);
                if(random<=q.length)
                break;
            }
            if(q.length!=0){
            document.getElementById("demo").innerHTML = q[random];

            q.splice(random,1); }
     }
     </script> 
  </body>
</html>

.home_text{
颜色:#ff0026;
字号:150pt;
}
GOP计划项目选择
行动计划
点击
var q=[2,3,1,5,4,7,6]; var x=7; 函数grandom() { var i; x=q.长度; var随机; 而(1) { random=Math.floor(Math.random()*x);
你试过了吗?到目前为止你试过什么?我看不出你在哪里合并了你引用的文件。