鸿蒙开发计算机小demo

鸿蒙计算机小Demo（js）

第一次写这种东西，也不知道该怎么写，姑且写着玩吧

设计思路

监听计算器的按键添加对应的判断逻辑，计算结果也是通过添加的计算类型进行计算。

主要代码

一，html部分

{ {inputcontent}}

{ { $item.id }}

{ { $item.id }}

{ { $item.id }}

<div class="list2-content">
    <div class="list3-content">
        <div class="list2-content">
            <div class="caluater" for="{
   { caluater3 }}">
                <button class="content2" on:click="calculatorClick({
   { $item.id }})">{
   { $item.id }}</button>
            </div>
        </div>
        <div class="list2-content">
            <div class="caluater" for="{
   { caluater4 }}">
                <button class="content2" on:click="calculatorClick({
   { $item.id }})">{
   { $item.id }}</button>
            </div>
        </div>
    </div>
    <button class="equals" onclick="calculatorResult">=</button>
</div>

二，样式设计（比较随意，为了赶课题）
下面展示一些 内联代码片。