pengertian dari kode backspace di JavaScript

Permisi mas, saya lagi belajar buat Kalkulator dari Html,css dan javascript Dan masih bingung dengan kode-kode javascript.

Kode Kalkulatornya

<!DOCTYPE html>
<html>
<head>
<script>
function c(val) {
    document.getElementById("d").value=val;
}
function math(val) {
    document.getElementById("d").value+=val;
}
function back() {
    var value = document.getElementById("d").value;
    document.getElementById("d").value = value.substr(0, value.length - 1);
}
function e() {
try {
    c(eval(document.getElementById("d").value))
}
catch(e) {
    c('Error')
}
}
</script>

</head>
<body>
<div class="box">
<center><div class="display"><input type="text" size="18" id="d" readonly ></div></center>
<div class="keys"><center>
    <p>
      <input type="button" class="button grey" value="%" onclick='c("not defined ")'>
      <input type="button" class="button grey" value="√" onclick='c("not defined ")'>
      <input type="button" class="button grey" value="←" onclick='back()'>
      <input type="button" class="button grey" value="/" onclick='math("/")'></p>

    <p><input type="button" class="button black" value="7" onclick='math("7")'>
      <input type="button" class="button black" value="8" onclick='math("8")'>
      <input type="button" class="button black" value="9" onclick='math("9")'>
      <input type="button" class="button grey" value="*" onclick='math("*")'></p>

    <p><input type="button" class="button black" value="4" onclick='math("4")'>
      <input type="button" class="button black" value="5" onclick='math("5")'>
      <input type="button" class="button black" value="6" onclick='math("6")'>
      <input type="button" class="button grey" value="-" onclick='math("-")'></p>

    <p><input type="button" class="button black" value="1" onclick='math("1")'>
      <input type="button" class="button black" value="2" onclick='math("2")'>
      <input type="button" class="button black" value="3" onclick='math("3")'>
      <input type="button" class="button grey" value="+" onclick='math("+")'></p>

    <p><input type="button" class="button black" value="0" onclick='math("0")'>
      <input type="button" class="button black" value="." onclick='math(".")'>
      <input type="button" class="button black" value="C" onclick='c("")'>
      <input type="button" class="button green" value="=" onclick='e()'></p>
<center></div>

</body>
</html>

dan ini adalah kode saya tanyakan fungsi-fungsinya

function back() {
    var value = document.getElementById("d").value;
    document.getElementById("d").value = value.substr(0, value.length - 1);
}

terima kasih.

javascript html css

@huseinm16

5 Kontribusi 0 Poin

Diperbarui 7 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

itu fungsinya untuk ngilangin satu angka terakhir gan, detailnya gini gan :

function back() {
    var value = document.getElementById("d").value; //ini buat ambil nilai yang di miliki oleh id "d"
    document.getElementById("d").value = value.substr(0, value.length - 1); //ini buat ngeset nilai di id "d", dengan ngesubstring nilai dari id "d" itu sendiri dimana kita ngeset batas awal dan akhir pemotongan stringnya

    //penjelasan substring :
    //ex : value = 125332
    //value.substr(0, value.length - 1)
    //value.substr(0, 6 - 1)
    //value.substr(0, 5)
    //=> hasilnya 12533
    //kenapa? karena substring itu untuk motong string, sesuai dengan batas awal dan akhir yang kita tentuin.
    //0 => ini batas awal pemotongan string
    //value.length - 1 => ini batas akhir pemotongan string tapi ga termasuk dirinya sendiri
    //jadi kalo di jelasin pake kata kata kurang lebih, "value akan diset dari index 0 sampai index 5 tapi tidak mengambil nilai index 5"

}

referensinya bisa liat disini : https://www.w3schools.com/jsref/jsref_substring.asp

@dickyjayaumbara

18 Kontribusi 28 Poin

Dipost 7 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

pengertian dari kode backspace di JavaScript

Kelas Premium!
Belajar bikin website dari nol sekarang