JSFiddle - React, Tailwind, and code Playground

by MariusNastasa

HTML

<!-- 1 -->

<h1> 1.Modulul unui număr</h1>
<p>Introduceţi numărul:</p>
<input type="number" name="number" id="read-value-2">
<button onclick="readFunction2()">Afişează rezultatul</button>
<br>
<div id="display2"></div>
<hr>
<!-- 2 -->

<h3>2.Verificare dacă numărul este par sau impar</h3>
<p>Introduceţi numărulr</p>
<br>
<input type="number" name="number" id="read-value">
<button onclick="readFunction()">Afişează rezultatul</button>
<div id="display"></div>
<hr>
<!-- 3 -->

<h3>3.Calcularea perimetrului unui triunghi</h3>
<label>Latura A:
  <input type="number" id="read-value-3">
</label>
<br>
<label>Latura B:
  <input type="number" id="read-value-4">
</label>
<br>
<label>Latura C:
  <input type="number" id="read-value-5">
</label>
<br>
<button onclick="readFunction3()">Calculează</button>
<div class="Laturile" id="display3">laturile</div>
<div class="perimetrul" id="display4">Perimetrul</div>

CSS

.laturile{
  color:sienna;
}
.perimetrul{
  color:red;
}

JavaScript

function readFunction() {
  var value = document.getElementById("read-value").value;
  if ((value % 2) == 0) {
    document.getElementById("display").innerHTML = "Numărul este par";
  } else {
    document.getElementById("display").innerHTML = "Numărul este impar";
  }
}


//////////////////////////////


function readFunction2() {
  var value = document.getElementById("read-value-2").value;
  if (value < 0) {
    document.getElementById("display2").innerHTML = value * (-1);
  } else {
    document.getElementById("display2").innerHTML = value;
  }
}


/////////////////////////////


function readFunction3() {
  var value3 = document.getElementById("read-value-3").value;
  var value4 = document.getElementById("read-value-4").value;
  var value5 = document.getElementById("read-value-5").value;
  if ((value3 && value4 && value5) != 0 && value3 + value4 >= value5 && value4 + value5 >= value3 && value5 + value3 >= value4) {
    document.getElementById("display3").innerHTML = "Latruile formează un triunghi";
  } else {
    document.getElementById("display3").innerHTML = "Latruile NU pot forma un triunghi";
  }
  var perimetru = value3 + value4 + value5;

  if ((value3 && value4 && value5) != 0 && (value3 + value4 > value5) && (value4 + value5 > value3) && (value5 + value3 > value4)) {
    document.getElementById("display4").innerHTML = "Perimetrul triunghiului este: " + (Number(value3) + Number(value4) + Number(value5)) + " unităţi de masură";
  } else {
    document.getElementById("display4").innerHTML = "Laturile nu pot forma un triunghi";
  }

}