Cara Menghitung data dengan ASP.Net ketika di klik button

Pada tugas 2 kita diajarkan tentang bagaimana cara menampilkan waktu dan  menjumlahkan sebuah data yang ada dioutputan sebuah web secara berurutan misalnya Outputan itu bernilai 0 dan kita klik maka akan keluar 1 dan jika kita klik lagi keluar 2 dan seterusnya seberapa banyak yang kita klik. Untuk membuat sebuah itu kita membuat sebuah project baru yang dimana akan kami jelaskan dibawah ini :

1.      Silahkan masuk File > New Project > Other Languages > Visual C# > Web > Pilih ASP.Net Empty Web Application.

2.      Isi dengan nama aspproject01 dan Klik OK

3.      Klik Kanan Pada aspproject01 yang ada di pojok kanan pilih ADD > New Item > Web Form. Dan berinama ViewState.aspx

4.      Selanjutnya buat sebuah button dengan memasukkan kode dibawah ini berada di dalam <div>

<asp:Button ID="TombolTambah" Text="Tambah" runat="server"/>

Keterangan Kode :

·         <asp:Button />

Berfungsi untuk membuat sebuah button dengan format kode ASP

·         ID="TombolTambah "

Berfungsi untuk memberi identitas bahwa button itu bernama “TombolTambah”

·         Text="Tambah"

Berfungsi memberi nama button yang dibuat. Jika tidak ada ini maka button tidak ada tulisan apapun atau kosong

·         runat="server"

Berfungsi untuk mengirimkan aksi button tersebut kedalam server

5.      Jika sudah sekarang membuat sebuah label yang berfungsi untuk mengeluarkan aksi button ketika diklik dengan menuliskan kode dibawah ini :

<asp:Label ID="LabelTambah" runat="server" Text="1"/>

Keterangan Kode :

·         <asp:Label />

Berfungsi untuk membuat sebuah label dengan format kode ASP

·         ID="LabelTambah"

Berfungsi untuk memberi identitas bahwa label itu bernama “label1”

·         runat="server"

Berfungsi untuk mengirimkan aksi button tersebut kedalam server

·         Text="1"

Berfungsi untuk mengeluarkan outputan pertama kali dijalankan yaitu “1”

6.      Setelah itu silahkan klik button yang telah dibuat tadi dengan cara double klik. Maka akan keluar lembaran kode yang kita gunakan yaitu kode pemrograman C#

7.      Jika sudah silahkan tuliskan kode berikut ini untuk membuat aksi button itu keluar apa jika di klik

LabelTambah.Text = Convert.ToString(Convert.ToInt32(LabelTambah.Text)+1);

Keterangan Kode :

LabelTambah.Text adalah sebuah label yang kita buat tadi dengan tulisan 1 yang akan kita convert menjadi string. Untuk membuat sebuah penjumlahan angka string kita terlebih dahulu kita konvert menjadi Integer karena jika kita menjumlahkan sebuah string dengan string maka tidak akan menambah hasil. Convert.ToInt32(LabelTambah.Text)+1 berfungsi untuk menambahkan hasil yang sudah ada dengan angka 1. Artinya ketika kita mengklik TombolTambah maka akan bertambah 1 sampai seberapa banyak yang kita klik tombol itu.

Jika sudah silahkan jalankan program tadi dan maka akan tampil seperti dibawah ini. Setelah itu klik tombol tambah.