JSFiddle - React, Tailwind, and code Playground

by dauruk0512

HTML

<h2>memakai onchange</h2>
A :
<input class="a" name="a[]" onchange="hitung();" type="text" value=1 />
<br>B :
<input class="a" name="a[]" onchange="hitung();" type="text" value=3 />
<br>C :
<input class="c" name="C" type="text" readonly />

CSS

input {
    width:50px;
    clear:both;
    border:none;
    background:blue;
    color:white;
}
body {
    font-family:arial;
}

JavaScript

/* function hitung() {
    var a = $(".a").val();
    var b = $(".b").val();
    c = a * b; //a kali b
    $(".c").val(c);
} */



function hitung() {
    var data = $('input:text[name=a[]]');
    
    
    
    
    c = data * data; //a kali b
    $(".c").val(c);
}