Yo.

I likes pixel art, RPGs, and the trinity that is the Isekai-System-Wuxia genre
My site

I've used, Python, Flutter-Dart, React-JS, Godot, Octave-MatLab, Java, Bash, Pascal, C++.

Profile pic by Johnny Goodwill (@sunlighttofastora)

pengumpulan-react-i-ukm-programming's People

Contributors

Watchers

pengumpulan-react-i-ukm-programming's Issues

fixing problem

ini versi yg kubuat, cubo kau cek problemnyo dimano untuk kodingan kau samo kodingan ini
kalo ado yg nak di tanyoke bole bahas di grup / chat aku pribadi

const [input, setInput] = useState({ numA: 0, numB: 0, operator: '+' })
const operators = ['+', '-', '*', '/', '^', '%'];

const calculate = () => {
  const numA = parseFloat(input.numA);
  const numB = parseFloat(input.numB);
  return input.operator === '+' ? numA + numB :
    input.operator === '-' ? numA - numB :
      input.operator === '*' ? numA * numB :
        input.operator === '/' ? numA / numB :
          input.operator === '^' ? numA ^ numB :
            input.operator === '%' ? numA % numB : 0
}

const handleSetInput = (num, e) => {
  const userInput = e.target.value;
  if (num === 'operator' && operators.indexOf(userInput.slice(-1)) !== -1) {
    setInput((prev) => ({
      ...prev,
      [num]: prev.operator.length !== 0 ? userInput.slice(1) : userInput
    }))
  } else if (num !== 'operator') {
    setInput((prev) => ({
      ...prev, [num]: prev[num] === 0 ? userInput.slice(1) : userInput
    }))
  }
  calculate();
}

return (
  <form className="card">

    <input type="number" value={input.numA}
      onChange={(e) => handleSetInput('numA', e)} />
    <br />

    <input type="text" value={input.operator}
      onChange={(e) => handleSetInput('operator', e)} />
    <br />

    <input type="number" value={input.numB}
      onChange={(e) => handleSetInput('numB', e)} />
    <br />

    Result = {calculate()}

  </form>
)

Recommend Projects