网页设计-救赎之道就在其中

No more cages

已于 2023-06-19 19:06:00 修改

阅读量297

点赞数 4

文章标签：开发语言 javascript html

于 2023-06-19 00:51:19 首次发布

本文链接：https://blog.csdn.net/KQ_EB/article/details/131278412

版权

学习通——简答题参考思路（在线支付订单的网页是面向结果编程！面向结果编程！！面向结果编程！！！）

简答题（自己找一下对应的题目）

填空题：

题目：

参考思路：

题目：

参考思路：

题目：

参考思路：

题目：

参考思路：

题目：

参考思路：

题目：

参考思路：

题目：

参考思路：

自己编程题

题目要求：

丐版参考答案：

<!DOCTYPE html>
<head>
    <title>订单页面</title>
    <meta charste="UFT-8">
    <style>
        .main{
            display: flex;
            flex-direction: column;
        }
        .main-a{
            margin: 12px auto;
            font-weight: bolder;
            font-size: 30px;
        }
        .main-b{
            margin: 12px auto;
            font-weight: bolder;
            font-size: 20px;
        }
        .main-c{
            display: flex;
            margin: 6px auto;
            font-weight: bolder;
        }
        .main-c1{
            width: 220px;
            display: flex;
            align-items: center;
        }
        .main-c2{
            display: flex;
            align-items: center;
        }
        .main-d{
            margin: 6px auto;
        }
    </style>

    <script>
        function Pay()
        {
            alert("支付成功，共计38元!");
        }
    </script>
</head>

<body>
        <div class="main">
            <div class="main-a"><span>某某冰城</span></div>

            <div class="main-b">
                <span>张三&nbsp;&nbsp; &nbsp; 185****1234</span>
            </div>

            <div class="main-c">
                <div class="main-c1">冰鲜柠檬水</div>
                <div class="main-c2">
                    <input type="text" size="5" placeholder="4">
                    <span>元</span>
                </div>
            </div>

            <div class="main-c">
                <div class="main-c1">满杯百香果</div>
                <div class="main-c2">
                    <input type="text" size="5" placeholder="8">
                    <span>元</span>
                </div>
            </div>

            <div class="main-c">
                <div class="main-c1">港式杨枝甘露</div>
                <div class="main-c2">
                    <input type="text" size="5" placeholder="10">
                    <span>元</span>
                </div>
            </div>

            <div class="main-c">
                <div class="main-c1">葡萄肉多多</div>
                <div class="main-c2">
                    <input type="text" size="5"placeholder="8">
                    <span>元</span>
                </div>
            </div>

            <div class="main-c">
                <div class="main-c1">芋圆葡萄</div>
                <div class="main-c2">
                    <input type="text" size="5"placeholder="8">
                    <span>元</span>
                </div>
            </div>
            <div class="main-d">
                
                <div><input type="button" value="支付订单" onclick="Pay()"></div>
            </div>
        </div>
</body>

很多地方都是重复的应付一下考试应该没问题（因为我算完成了题目要求），有兴趣还是希望大家能真正的去学会，而不是只追求答案。

对于编程题，先想着怎么完成，再想着如何完美。一开始就想着完美本末倒置很容易拖死自己，从入门到放弃。一起加油吧！

No more cages

关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
1
评论
网页设计-救赎之道就在其中

很多地方都是重复的应付一下考试应该没问题（因为我算完成了题目要求），有兴趣还是希望大家能真正的去学会，而不是只追求答案。对于编程题，先想着怎么完成，再想着如何完美。一开始就想着完美本末倒置很容易拖死自己，从入门到放弃。
复制链接

扫一扫