Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Document</title>
</head>
<body>
    <table border="1">
        <thead>
            <tr>
                <th>CLUSTER</th>
                <th>HARGA</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Anggrek</td>
                <td>150000000</td>
            </tr>
            <tr>
                <td>Amanda</td>
                <td>2000000000</td>
            </tr>
            <tr>
                <td>Mawar</td>
                <td>250000000</td>

            </tr>
        </tbody>
    </table>
<br>
    <table border="1">
        <thead>
            <tr>
                <th>AKSESORIS</th>
                <th>HARGA</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Garasi</td>
                <td>100000000</td>
            </tr>
            <tr>
                <td>Taman</td>
                <td>120000000</td>
            </tr>
            <tr>
                <td>Kolam Ikan</td>
                <td>150000000</td>
            </tr>
        </tbody>
    </table>

    <center>
        <h1>Program Penjualan Rumah</h1>
            <table>
                <tr>
                    <td>Nama Pembeli </td>
                    <td>:</td>
                    <td>
                        <input type="text" name="nama_pembeli">
                    </td>
                </tr>
                <tr>
                    <td>Cluster</td>
                    <td>:</td>
                    <td>
                        <select id="cluster">
                            <option value="150000000">BRIO</option>
                            <option value="175000000">JAZZ</option>
                            <option value="200000000">CRV</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>Aksesoris</td>
                    <td>:</td>
                    <td>
                        <input type="checkbox" name="aksesoris" value="2000000">AC<br>
                        <input type="checkbox" name="aksesoris" value="1500000">RADIO<br>
                        <input type="checkbox" name="aksesoris" value="1000000">GPS<br>
                    </td>
                </tr>
                <tr>
                    <td>Lama Kredit</td>
                    <td>:</td>
                    <td>
                        <input type="radio" name="kredit" value="12">1 Tahun<br>
                        <input type="radio" name="kredit" value="24">2 Tahun<br>
                        <input type="radio" name="kredit" value="36">3 Tahun<br>
                    </td>
                </tr>
            </table>
            <table>
                <tr>
                    <td>Harga Rumah</td>
                    <td>:</td>
                    <td><p id="harga_rumah"></p></td>
                </tr>
                <tr>
                    <td>Harga Aksesoris</td>
                    <td>:</td>
                    <td><p id="harga_aksesoris"></p></td>
                </tr>
                <tr>
                    <td>Total Harga</td>
                    <td>:</td>
                    <td><p id="total_harga"></p></td>
                </tr>
                <tr>
                    <td>DP</td>
                    <td>:</td>
                    <td><p id="dp"></p></td>
                </tr>
            </table>
            <button onclick="myFunction()">Click me</button>

    </center>

<script>
    var cluster = document.getElementById('cluster').value;
    // var checkedValue = document.querySelector('.aksesoris:checked').value;
    // var aksesoris = document.getElementById('aksesoris').value;
    var kredit = document.getElementById('kredit');
    var selectedItems=0;
    function myFunction() {
        var ele = document.getElementsByName('kredit');

              for(i = 0; i < ele.length; i++) {
                  if(ele[i].checked)
                  console.log(ele[i].value);
              }
              var items=document.getElementsByName('aksesoris');
              for(var i=0; i<items.length; i++){
					if(items[i].type=='checkbox' && items[i].checked==true)
						selectedItems+=parseInt(items[i].value);
                        console.log(selectedItems);
				}
        document.getElementById('harga_rumah').innerHTML = cluster

    }

    function printChecked(){
		var items=document.getElementsByName('aksesoris');
		var selectedItems;
		for(var i=0; i<items.length; i++){
			if(items[i].type=='checkbox' && items[i].checked==true)
				parseInt(items[i].value);
		}
		alert(selectedItems);
	}
</script>
</body>
</html>