Как сделать clear (C) для калькулятора на JavaScript

125

09 марта 2019, 08:10

Мне нужно сделать кнопку C, при нажатии на которую очищаются 4 параграфа с id = out, out1, out2, out3

<p id="out"></p>
<p id="out1"></p>
<p id="out2"></p>
<p id="out3"></p>

Заранее спасибо!

Answer 1

function clearCalc() { 
  var items = document.querySelectorAll("#out,#out1,#out2,#out3"); 
  for (var i = 0; i < items.length; i++) 
    items[i].textContent = ""; 
}

p { 
  border: 1px solid black; 
  background-color:lightgreen; 
  min-height:20px; 
  padding:2px; 
  margin-top:5px; 
  margin-bottom:0px; 
}

<button onclick="clearCalc()">Clear</button> 
 
<p id="out">P - out</p> 
<p id="out1">P - out1</p> 
<p id="out2">P - out2</p> 
<p id="out3">P - out3</p>

В следующем фрагменте все вместе:

<script> 
  function clearCalc() { 
    var items = document.querySelectorAll("#out,#out1,#out2,#out3"); 
    for (var i = 0; i < items.length; i++) 
      items[i].textContent = ""; 
  } 
</script> 
 
<style> 
  p { 
    border: 1px solid black; 
    background-color: lightgreen; 
    min-height: 20px; 
    padding: 2px; 
    margin-top: 5px; 
    margin-bottom: 0px; 
  } 
</style> 
 
<button onclick="clearCalc()">Clear</button> 
 
<p id="out">P - out</p> 
<p id="out1">P - out1</p> 
<p id="out2">P - out2</p> 
<p id="out3">P - out3</p>