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

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

計算器未在控制臺 HTML/JS 上顯示結(jié)果

計算器未在控制臺 HTML/JS 上顯示結(jié)果

繁星點點滴滴 2023-01-06 16:25:58
您需要訪問 HTMLCollection 的第一個元素并將該<img>元素附加到該元素。此外，首先將新創(chuàng)建的元素存儲在變量中，以便您可以在附加之前設(shè)置屬性。要在圖像后添加換行符和文本，您可以附加新創(chuàng)建的<br>元素并用于.append添加文本。const parent = document.getElementsByClassName('chartlyrics')[0];parent.innerHTML = '';var img = document.createElement("img");img.src = "img/103-logo.jpg"img.setAttribute('class', "")parent.appendChild(img);parent.appendChild(document.createElement('br'));parent.append('Powered by ');但是，查找具有特定類的每個單個元素以僅獲取一個元素是非常浪費的。您應(yīng)該使用document.querySelectorto 獲取與選擇器匹配的第一個元素。const parent = document.querySelector('.chartlyrics');parent.innerHTML = '';var img = document.createElement("img");img.src = "img/103-logo.jpg"img.setAttribute('class', "")parent.appendChild(img);parent.appendChild(document.createElement('br'));parent.append('Powered by ');
查看完整描述

2 回答

?
茅侃侃

TA貢獻1842條經(jīng)驗 獲得超22個贊

const suma = document.getElementById('suma');

const resta = document.getElementById('resta');

const multiplicacion = document.getElementById('multiplicacion');

const division = document.getElementById('division');

const output = document.getElementById('output');


const num1 = document.getElementById('num1');

const num2 = document.getElementById('num2');


suma.addEventListener('click', ()=>{

  output.innerHTML = `${parseFloat(num1.value) + parseFloat(num2.value)}`;

});


resta.addEventListener('click', ()=>{

  output.innerHTML = `${parseFloat(num1.value) - parseFloat(num2.value)}`;

});


multiplicacion.addEventListener('click', ()=>{

  output.innerHTML = `${parseFloat(num1.value) * parseFloat(num2.value)}`;

});


division.addEventListener('click', ()=>{

  output.innerHTML = `${parseFloat(num1.value) / parseFloat(num2.value)}`;

});

<!DOCTYPE html>

<html dir="ltr">

  <head>

    <meta charset="utf-8">

    <title> Calculadora </title>

  </head>

  <body>

    <p>

      <input type = "number" id = "num1" />

      <input type = "number" id = "num2" />

    </p>

    <p> <strong> ?Qué operación desea hacer? </strong> </p>

    <p>

      <input type = "button" value = "Sumar" id = "suma" />

      <input type = "button" value = "Restar" id = "resta" />

      <input type = "button" value = "Multiplicar" id = "multiplicacion" />

      <input type = "button" value = "Dividir" id = "division" />

    </p>

    <p id='output' style='color: red;'></p>

    <script src="script.js"> </script>

  </body>

</html>

看看document.write()


查看完整回答
反對 回復(fù) 2023-01-06
?
泛舟湖上清波郎朗

TA貢獻1818條經(jīng)驗 獲得超3個贊

您的代碼中存在一些問題。

  1. 您沒有使用click事件來調(diào)用您的函數(shù)

  2. 你沒有op在你的函數(shù)中定義

  3. 您在函數(shù)中添加了控制臺日志，這意味著您在函數(shù)中調(diào)用該函數(shù)。這是行不通的。

我已經(jīng)為你安排好了一切！您可以使用onClick函數(shù)將您calculation作為參數(shù)傳遞給您的函數(shù)operations，并檢查傳遞的內(nèi)容switch和case

此外，要獲取values輸入的number輸入，您需要使用parseInt()以便將輸入strings轉(zhuǎn)換為數(shù)字format。

此外，您需要確保在值中輸入了值，否則將顯示點擊功能NaN。為避免這種情況，我們可以使用isNan函數(shù)來確保有一個valuefor 計算。如果沒有值，您可以只顯示一條消息說請輸入一個值。

完整的工作演示：

var results = document.getElementById('results');


function operations(value) {

  var numero_1 = parseInt(document.getElementById('num1').value);

  var numero_2 = parseInt(document.getElementById('num2').value);

  if (!isNaN(numero_1) && !isNaN(numero_2)) {

    switch (value) {

      case 'Sumar':

        results.innerHTML = 'Results: ' + (numero_1 + numero_2);

        break;

      case 'Restar':

        results.innerHTML = 'Results: ' + (numero_1 - numero_2);

        break;

      case 'Multiplicar':

        results.innerHTML = 'Results: ' + (numero_1 * numero_2);

        break;

      case 'Dividir':

        results.innerHTML = 'Results: ' + (numero_1 / numero_2);

        break;

    }

    var final = document.getElementById('results').textContent;

    console.log(final)

  } else {

    results.innerHTML = 'Please enter value to calculate'

  }


}

<!DOCTYPE html>

<html dir="ltr">


<head>

  <meta charset="utf-8">

  <title> Calculadora </title>

</head>


<body>

  <p>

    <input type="number" id="num1" required />

    <input type="number" id="num2" required/>

  </p>

  <p> <strong> ?Qué operación desea hacer? </strong> </p>

  <p>

    <input type="button" onclick="operations(this.value)" value="Sumar" id="suma" />

    <input type="button" onclick="operations(this.value)" value="Restar" id="resta" />

    <input type="button" onclick="operations(this.value)" value="Multiplicar" id="multiplicacion" />

    <input type="button" onclick="operations(this.value)" value="Dividir" id="division" />

  </p>

  <div id="results"></div>

</body>

</html>


查看完整回答
反對 回復(fù) 2023-01-06
  • 2 回答
  • 0 關(guān)注
  • 204 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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