Javascript HTML、JS、CSS按钮无法正常运行

Javascript HTML、JS、CSS按钮无法正常运行,javascript,html,css,Javascript,Html,Css,我在visual studio中遇到以下项目的问题: -“增长”和“收缩”功能 -“粉色”文本颜色函数 -“随机Boo事实”函数 请告知。谢谢 <!DOCTYPE html> <html> <head> <title>Boo the Dog</title> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href=

我在visual studio中遇到以下项目的问题: -“增长”和“收缩”功能 -“粉色”文本颜色函数 -“随机Boo事实”函数

请告知。谢谢

<!DOCTYPE html>
<html>
<head>
    <title>Boo the Dog</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <!-- Linking CSS -->
    <link rel="stylesheet" type="text/css" href="style.css">
    <!-- Linking jQuery -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <!-- Linking Google Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Montserrat|Roboto+Slab|Yellowtail' rel='stylesheet' type='text/css'>
</head>
<body>

<div class="container">

    <div class="jumbotron bg-primary text-center">
        <h1>Boo the Dog Fan Page!</h1>
    </div>

    <div class="row">

        <div class="col-sm-6">
            <div class="panel panel-primary">
                <div class="panel-heading">About Boo</div>
                <div class="panel-body">
                    <p>Boo the dog belongs to a San Francisco-based Facebook employee who created a Facebook page for the dog with a statement "My name is Boo. I am a dog. Life is good." He became popular in October 2010 after singer Ke$ha sent a tweet that she had a new boyfriend, linking to the page. </p>
                        <p>Chronicle Books, noticing that Boo had 5 million Facebook fans at the time, approached the owner to write a picture book. In August 2011, Boo: The Life of the World's Cutest Dog, written by his owner under pen name J.H. Lee, was published. The book was eventually published in ten languages. A second book followed, Boo: Little Dog in the Big City, as well as a calendar and plans for a cut-out book and additional children's books. He also has his own stuffed animal for kids. His merchandise includes a Gund stuffed animal.</p>
                        <p>Boo was appointed a spokesdog for Virgin America airline, which featured photos of him in an airplane along with advice for people traveling with pets. In April 2012, Boo was the subject of a death hoax after #RIPBOO appeared on Facebook. Tweets followed as Gizmodo writer Sam Biddle tweeted Boo had died. It was later confirmed by The Chronicle Book staff that Boo was alive and well. In July 2012, Boo was named the Official Pet Liaison of Virgin America.</p>
                        <p>Read more at: <a href="https://en.wikipedia.org/wiki/Boo_(dog)">https://en.wikipedia.org/wiki/Boo_(dog)</a></p>
                </div>
            </div>
        </div>

        <div class="col-sm-6">
            <div class="well text-center">
                <div>
                    <img class="img-responsive" src="https://img.buzzfeed.com/buzzfeed-static/static/2015-04/21/16/enhanced/webdr05/enhanced-31550-1429646952-7.jpg">
                </div>
            </div>
        </div>

    </div>

    <br><br>

    <div class="row text-center">

        <div class="col-sm-6">
            <button class="btn" id="boxGrow">Grow</button>
            <button class="btn" id="boxShrink">Shrink</button>
            <br>
            <br>
            <div class="well text-center">
                <img id="box" src="http://petradioshow.com/wp-content/uploads/2015/05/jiff1.jpg">
            </div>
        </div>

        <div class="col-sm-6 text-center">
            <button class="btn" id="textOrange">Orange</button>
            <button class="btn" id="textPink">Pink</button>
            <button class="btn" id="textGreen">Green</button>
            <br>
            <br>
            <div class="well text-center">
                <p id="funText">Boo Rules!</p>
                </div>
            </div>

        </div>

    <br><br><br><br>

    <div class="row">

        <div class="col-sm-6 text-center">
            <button class="btn btn-primary form-control" id="factButton">Random Boo Fact</button>
            <div class="well text-center">
                <div>
                    <p id="factText">Click the button for a random Boo fact!</p>
                </div>
            </div>
        </div>

        <div class="col-sm-6">
            <div class="panel panel-primary">
                <div class="panel-heading">List Of Boo's Favorite Things</div>
                <div class="panel-body">
                    <ol>
                        <li>Dressing Up</li>
                        <li>Eating Grass</li>
                        <li>Sleeping</li>
                        <li>Swimming</li>
                        <li>Hiking</li>
                    </ol>
                </div>
            </div>
        </div>

    </div>

</div>

<br><br><br><br>

<!-- Linking our JavaScript file -->
<script type="text/javascript" src="logic.js"></script>
</body>
</html>
我在visual studio中遇到以下项目的问题: -“增长”和“收缩”功能 -“粉色”文本颜色函数 -“随机Boo事实”函数

请告知。谢谢

<!DOCTYPE html>
<html>
<head>
    <title>Boo the Dog</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
    <!-- Linking CSS -->
    <link rel="stylesheet" type="text/css" href="style.css">
    <!-- Linking jQuery -->
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <!-- Linking Google Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Montserrat|Roboto+Slab|Yellowtail' rel='stylesheet' type='text/css'>
</head>
<body>

<div class="container">

    <div class="jumbotron bg-primary text-center">
        <h1>Boo the Dog Fan Page!</h1>
    </div>

    <div class="row">

        <div class="col-sm-6">
            <div class="panel panel-primary">
                <div class="panel-heading">About Boo</div>
                <div class="panel-body">
                    <p>Boo the dog belongs to a San Francisco-based Facebook employee who created a Facebook page for the dog with a statement "My name is Boo. I am a dog. Life is good." He became popular in October 2010 after singer Ke$ha sent a tweet that she had a new boyfriend, linking to the page. </p>
                        <p>Chronicle Books, noticing that Boo had 5 million Facebook fans at the time, approached the owner to write a picture book. In August 2011, Boo: The Life of the World's Cutest Dog, written by his owner under pen name J.H. Lee, was published. The book was eventually published in ten languages. A second book followed, Boo: Little Dog in the Big City, as well as a calendar and plans for a cut-out book and additional children's books. He also has his own stuffed animal for kids. His merchandise includes a Gund stuffed animal.</p>
                        <p>Boo was appointed a spokesdog for Virgin America airline, which featured photos of him in an airplane along with advice for people traveling with pets. In April 2012, Boo was the subject of a death hoax after #RIPBOO appeared on Facebook. Tweets followed as Gizmodo writer Sam Biddle tweeted Boo had died. It was later confirmed by The Chronicle Book staff that Boo was alive and well. In July 2012, Boo was named the Official Pet Liaison of Virgin America.</p>
                        <p>Read more at: <a href="https://en.wikipedia.org/wiki/Boo_(dog)">https://en.wikipedia.org/wiki/Boo_(dog)</a></p>
                </div>
            </div>
        </div>

        <div class="col-sm-6">
            <div class="well text-center">
                <div>
                    <img class="img-responsive" src="https://img.buzzfeed.com/buzzfeed-static/static/2015-04/21/16/enhanced/webdr05/enhanced-31550-1429646952-7.jpg">
                </div>
            </div>
        </div>

    </div>

    <br><br>

    <div class="row text-center">

        <div class="col-sm-6">
            <button class="btn" id="boxGrow">Grow</button>
            <button class="btn" id="boxShrink">Shrink</button>
            <br>
            <br>
            <div class="well text-center">
                <img id="box" src="http://petradioshow.com/wp-content/uploads/2015/05/jiff1.jpg">
            </div>
        </div>

        <div class="col-sm-6 text-center">
            <button class="btn" id="textOrange">Orange</button>
            <button class="btn" id="textPink">Pink</button>
            <button class="btn" id="textGreen">Green</button>
            <br>
            <br>
            <div class="well text-center">
                <p id="funText">Boo Rules!</p>
                </div>
            </div>

        </div>

    <br><br><br><br>

    <div class="row">

        <div class="col-sm-6 text-center">
            <button class="btn btn-primary form-control" id="factButton">Random Boo Fact</button>
            <div class="well text-center">
                <div>
                    <p id="factText">Click the button for a random Boo fact!</p>
                </div>
            </div>
        </div>

        <div class="col-sm-6">
            <div class="panel panel-primary">
                <div class="panel-heading">List Of Boo's Favorite Things</div>
                <div class="panel-body">
                    <ol>
                        <li>Dressing Up</li>
                        <li>Eating Grass</li>
                        <li>Sleeping</li>
                        <li>Swimming</li>
                        <li>Hiking</li>
                    </ol>
                </div>
            </div>
        </div>

    </div>

</div>

<br><br><br><br>

<!-- Linking our JavaScript file -->
<script type="text/javascript" src="logic.js"></script>
</body>
</html>

嘘那条狗
嘘狗迷页面!
关于布
Boo这条狗属于一名位于旧金山的Facebook员工,他为这条狗创建了一个Facebook页面,上面写着“我的名字叫Boo,我是一条狗,生活很好。”2010年10月,歌手Ke$ha在推特上发了一条消息,说她有了一个新男朋友,链接到该页面后,这条狗变得很受欢迎

编年史图书公司(Chronicle Books)注意到Boo当时有500万Facebook粉丝,于是联系该公司老板写了一本图画书。2011年8月,由主人以笔名J.H.Lee撰写的《博:世界上最可爱的狗的一生》出版。这本书最终以十种语言出版。接着是第二本书《Boo:大城市里的小狗》,还有一本日历和一本剪贴本和其他儿童读物的计划。他还为孩子们准备了自己的毛绒玩具。他的商品中包括一个古德毛绒玩具

Boo被任命为维珍美国航空公司的发言人,该公司展示了他在飞机上的照片,并为带宠物旅行的人提供建议。2012年4月,在RIPBOO出现在Facebook上后,Boo成为了一场死亡骗局的主题。随着Gizmodo作家Sam Biddle在推特上发布Boo去世的消息,推特也随之发布。后来,《编年史》的工作人员证实,布还活着,身体状况良好。2012年7月,Boo被任命为维珍美国官方宠物联络人

更多信息请访问:



成长 收缩

橙色 粉红色 绿色

Boo规则





随机Boo事实

单击按钮可查看随机Boo事实

Boo最喜欢的东西列表
  • 打扮
  • 吃草
  • 睡觉
  • 游动
  • 徒步旅行





  • 你应该把你的脚本放在脑子里

        <script src="logic.js" defer></script>
    

    logic.js将有助于通读