极速版JavaScript学习-总结案例

这次的案例我们来使用前面所学到的知识进行完成。

先来看看题目：用户输入商品数量，价格，收货地址生成一个订单信息，该订单信息数据为动态数据。要计算商品的价格。

首先我们来回顾一下，用户输入的是字符型数据，所以我们要进行数据转换（根据题目需求来写），由于我们还没学习dom，所以我们可以使用字符串模板来进行渲染，话不多说，解析。

输入数量，价格，收货地址

示例：

数量和价格为数字型，收货地址为字符串

let num = +prompt('输入数量')

let price = +prompt('输入价格')

let address = prompt('收货地址')

商品的价格=数量*价格

 let res = price * num

渲染：

     document.write(

            <div>

        <table>

            <tr>

                <th>名称</th>

                <th>数量</th>

                <th>价格</th>

                <th>地址</th>

            </tr>

            <tr>

                <td>手机1</td>

                <td>${num}</td>

                <td>${price}</td>

                <td>${address}</td>

            </tr>

        </table>

    </div>

        )

这样子一个简单的小案例就把之前所学到的知识连贯起来啦。

如果你刚开始学习JavaScript，可以先试着用中文去写一次逻辑，然后用表达式去完成！

后面小编会给大家讲解一些运算符~