Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
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.
0
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
1
