第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么我的計算器代碼不起作用?

為什么我的計算器代碼不起作用?

侃侃爾雅 2021-08-20 10:11:44
我有一些未完成的代碼,它應(yīng)該為我點擊的任何按鈕返回一個數(shù)字,但它什么也不做,控制臺也不會拋出錯誤,所以我看不到我做了什么。我做了一些拼寫檢查,我的代碼主要來自一個 youtube 視頻。const minus = document.querySelector('[data-delete]');const current = document.querySelector('[data-input]');const allClear = document.querySelector('[data-all-clear]');const numberButtons = document.querySelectorAll('[data-number]')const operation = document.querySelectorAll('[data-operation]')  const equals =document.querySelector('[data-equals]')class Calc {    constructor(inputText){        this.inputText = current        this.clear()    }    clear(){        this.input=''        this.operation=undefined    }    delete(){    }    writeNumber(num){        this.input = num    }    operation(sign){    }    compute(){    }    updateDisplay(){        this.input.innerText = this.operation    }}const calculator = new Calc(current);numberButtons.forEach(number=>{equals.onClick('click',()=>{    calculator.appendNumber(equals.innerText)    calculator.updateDisplay()})})  <!DOCTYPE html><html>  <head>    <meta charset="UTF-8">    <title>Calculator</title>    <link href="calc.css" rel="stylesheet">    <script src="calc.js"></script>  </head>  <body>  <div class="container-grid">      <div data-input class="input">3</div>      <button data-all-clear class="span-two">AC</button>      <button data-delete>DEL</button>      <button data-operation>/</button>      <button data-number>1</button>      <button data-number>2</button>      <button data-number>3</button>      <button data-operation>*</button>      <button data-number>4</button>      <button data-number>5</button>      <button data-number>6</button>      <button data-operation>+</button>      <button data-number>7</button>      <button data-number>8</button>      <button data-number>9</button>      <button data-operation>-</button>      <button data-number>.</button>      <button data-number>0</button>      <button data-equals class = "span-two">=</button>  </div>   <script src="calc.js"></script>  </body></html>我只想要按鈕顯示數(shù)字
查看完整描述

2 回答

?
九州編程

TA貢獻(xiàn)1785條經(jīng)驗 獲得超4個贊

進(jìn)行以下更改后,我可以運行您的代碼,

http://img1.sycdn.imooc.com//611f0f84000119c713970499.jpg

將所有內(nèi)容包裝在一種方法中,

您遇到以下點擊事件的問題,

不正確的,


equals.onClick('click',()=>{

    calculator.appendNumber(equals.innerText)

    calculator.updateDisplay()

})

如果你不想要 jQuery 使用 javascript click event bind()


equals.addEventListener("click",()=>{

    calculator.writeNumber(equals.innerText)

    calculator.updateDisplay()

})

請參閱以下更新您的功能


function Calci() {

    let minus = document.querySelector('[data-delete]');

    let current = document.querySelector('[data-input]');

    let allClear = document.querySelector('[data-all-clear]');

    let numberButtons = document.querySelectorAll('[data-number]')

    let operation = document.querySelectorAll('[data-operation]')  

    let equals =document.querySelector('[data-equals]')


    class Calc {

        letructor(inputText){

            this.inputText = current

            this.clear()

        }

        clear(){

            this.input=''

            this.operation=undefined

        }

        delete(){ }

        writeNumber(num){

            this.input = num

        }

        operation(sign){


        }

        compute(){  }

        updateDisplay(){

            this.input.innerText = this.operation

        }

    }

    let calculator = new Calc(current);


    numberButtons.forEach(number=>{

    equals.addEventListener("click",()=>{

        calculator.writeNumber(equals.innerText)

        calculator.updateDisplay()

    })

    }) 

}


Calci(); //call the method



查看完整回答
反對 回復(fù) 2021-08-20
  • 2 回答
  • 0 關(guān)注
  • 195 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號