Membuat Kalkulator Sederhana

Muhammad Ferdian Iqbal/5025201020
PPB I / Github

Pada kesempatan kali ini saya akan mencoba membuat kalkulator sederhana.

Berikut adalah kode program untuk aplikasi ini :

MainActivity.kt

package com.example.kalkulatorsederhana

import android.os.Bundle
import android.widget.Toast
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.Column
import androidx.compose.foundation.layout.Row
import androidx.compose.foundation.layout.Spacer
import androidx.compose.foundation.layout.fillMaxWidth
import androidx.compose.foundation.layout.width
import androidx.compose.material3.Button
import androidx.compose.material3.Text
import androidx.compose.material3.TextField
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {

            var num1 by remember{
                mutableStateOf("0")
            }

            var num2 by remember{
                mutableStateOf("0")
            }
            Column {
                TextField(value = num1, onValueChange = {
                    num1 = it;

                }, modifier = Modifier.fillMaxWidth())
                TextField(value = num2, onValueChange = {
                    num2 = it;
                }, modifier = Modifier.fillMaxWidth())
                Row{
                    Button(onClick ={
                        var result = num1.toInt() + num2.toInt()
                        Toast.makeText(applicationContext, "Result is $result",Toast.LENGTH_SHORT).show()
                    }){
                        Text(text="+")
                    }
                    Spacer(modifier=Modifier.width(16.dp))
                    Button(onClick ={
                        var result = num1.toInt() - num2.toInt()
                        Toast.makeText(applicationContext, "Result is $result",Toast.LENGTH_SHORT).show()
                    }){
                        Text(text="-")
                    }
                    Spacer(modifier=Modifier.width(16.dp))
                    Button(onClick ={
                        var result = num1.toInt() * num2.toInt()
                        Toast.makeText(applicationContext, "Result is $result",Toast.LENGTH_SHORT).show()
                    }){
                        Text(text="x")
                    }
                    Spacer(modifier=Modifier.width(16.dp))
                    Button(onClick ={
                        var result = num1.toInt() / num2.toInt()
                        Toast.makeText(applicationContext, "Result is $result",Toast.LENGTH_SHORT).show()
                    }){
                        Text(text="/")
                    }

                }


            }

        }
    }
}

Berikut adalah tampilan aplikasi ini : 

    

          Ketika pengguna mengisi kolom form dan menekan tombol plus (+) akan muncul hasilnya dalam bentuk popup

Ketika pengguna mengisi kolom form dan menekan tombol kurang (-) akan muncul hasilnya dalam bentuk popup

Ketika pengguna mengisi kolom form dan menekan tombol kali (x) akan muncul hasilnya dalam bentuk popup

Ketika pengguna mengisi kolom form dan menekan tombol bagi (/) akan muncul hasilnya dalam bentuk popup

Untuk dapat mencobanya, dapat dilakukan clone dahulu repositori Github saya. Terima kasih, sampai bertemu pada kesempatan berikutnya

Muhammad Ferdian Iqbal/5025201020
PPB I / Github