要求：

1）實現如上圖頁面佈局（10分）

2）實現選擇城市所新增的內容追加到你喜歡哪個城市下（10分）

3）實現選擇遊戲所新增的內容追加到你喜歡哪款遊戲下（10分）

4）新增的資料字型顏色設定為粉色（10分）

HTML程式碼：

<p>你喜歡那個城市？</p>
<ul>
    <li>北京</li>
    <li>上海</li>
    <li>東京</li>
    <li>首爾</li>
    <li id="citys"></li>
</ul>

<p>你喜歡那個單機遊戲？</p>
<ul>
    <li>紅警</li>
    <li>實況</li>
    <li>極品飛車</li>
    <li>魔獸</li>
    <li id="
 
you"></li>
</ul>



<input type="radio" class="select" name="select" value="1">城市
<input type="radio" class="select" name="select" value="2">遊戲
name: <input type="text" class="word"><input type="submit" class="city" value="submit">

JavaScript程式碼

<script src="
 
https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>



  <!--給class為city 設定點選事件-->
    $('.city').click(function () {
        //獲取 classs 為elect選中的的值
        var select = $(".select:checked").val();
        if (select == 1) {
            // 獲取值
            var name = $('.word').val();
            
 
//追加元素
            $("#citys").append("<li>" + name + "</li>");
            $("#citys").css('color', 'red')
        }
        if (select == 2) {
            var name = $('.word').val();
            $("#you").append("<li>" + name + "</li>");
            $("#you").css('color', 'red')

        }

    })

<script>