import React, { Component } from 'react';

class App extends Component {

constructor(){
super()
this.state={
data : [
{nim : '162112214', nilai : 98},
{nim : '161112214', nilai : 39},
{nim : '163112214', nilai : 88}]} }
render() { return (
<div>
<table border="1">
<thead>
<tr>
<th> Nim </th>
<th> Jurusan</th>
<th> Nilai </th>
<th> Keterangan </th>
</tr>
</thead>
<tbody>
{this.state.data.map(mhs =>{
if(mhs.nim.toString().substr(2,3) === "111")
{if(mhs.nilai > 50)
{ var jurusan ="Teknik Informatika";
return(
<tr>
<td> {mhs.nim} </td>
<td> {jurusan} </td>
<td> {mhs.nilai} </td>
<td> LULUS </td>
</tr>)}
if(mhs.nilai <= 50)
{var jurusan ="Teknik Informatika";
return( <tr>
<td> {mhs.nim} </td>
<td> {jurusan} </td>
<td> {mhs.nilai} </td>
<td> GAGAL </td>
</tr>

)
}
}

if(mhs.nim.toString().substr(2,3) === "211")

{ if(mhs.nilai > 50)
{ var jurusan ="Sistem Informasi";
 return(
<tr>
<td> {mhs.nim} </td>
<td> {jurusan} </td>
<td> {mhs.nilai} </td>
<td> LULUS </td>
</tr>
)
}
if(mhs.nilai <= 50)
{var jurusan ="Sistem Informasi";
return(
<tr>
<td> {mhs.nim} </td>
<td> {jurusan} </td>
<td> {mhs.nilai} </td>
<td> GAGAL </td>
</tr>
)
}
}
if(mhs.nim.toString().substr(2,3) === "311")
{if(mhs.nilai > 50)
{ var jurusan ="Manajemen Informatika";
return(
<tr>
<td> {mhs.nim} </td>
<td> {jurusan} </td>
<td> {mhs.nilai} </td>
<td> LULUS </td>
</tr>
)
}
if(mhs.nilai <= 50)
{var jurusan ="Manajemen Informatika";
return(
<tr>
<td> {mhs.nim} </td>
<td> {jurusan} </td>
<td> {mhs.nilai} </td>
<td> GAGAL </td>
</tr>
)
}
}
})}
</tbody>
</table>
 </div>
);
}
}

export default App;