Commit b2d8c1f3 authored by Spectre's avatar Spectre 💬

Update

parent cea1eef2
var app = new Vue({ //object
el: '#app', //element #app
//Script Lainnya diletakkan disini
data: {
pesan:''
}
});
\ No newline at end of file
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Belajar Vue JS</title>
</head>
<body>
<!-- development version, includes helpful console warnings -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- production version, optimized for size and speed -->
<!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
<div id="app">
<input type="text" v-model="pesan" placeholder="ketik pesan anda disini">
<br><p> Pesan anda adalah : {{pesan}}</p>
</div>
<!-- Jika Menggunakan library Javascript vue.js yang terdapat di local-->
<!--<script src="vue.min.js"></script>-->
<!--Memanggil javascript apps-->
<script src="apps.js"></script>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
var app = new Vue({ //object
el: '#app', //element #app
//Script Lainnya diletakkan disini
data: {
pesan:''
}
});
\ No newline at end of file
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Belajar Vue JS</title>
</head>
<body>
<!-- development version, includes helpful console warnings -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- production version, optimized for size and speed -->
<!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
<div id="app">
<textarea v-model="pesan" placeholder="ketik pesan anda disini"></textarea>
<br>Pesan multitext anda adalah :
<p style="white-space: pre-line">{{pesan}}</p>
</div>
<!-- Jika Menggunakan library Javascript vue.js yang terdapat di local-->
<!--<script src="vue.min.js"></script>-->
<!--Memanggil javascript apps-->
<script src="apps.js"></script>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
var app = new Vue({ //object
el: '#app', //element #app
//Script Lainnya diletakkan disini
data: {
pilih:''
}
});
\ No newline at end of file
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Belajar Vue JS</title>
</head>
<body>
<!-- development version, includes helpful console warnings -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- production version, optimized for size and speed -->
<!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
<div id="app">
<h3>Jenis kelamin anda adalah :</h3>
<input type="radio" id="lk" v-model="pilih" value="Laki-laki">Laki-laki<br>
<input type="radio" id="pr" v-model="pilih" value="Perempuan">Perempuan<br>
<h3>Anda telah memilih :</h3>
<p>{{pilih}}</p>
</div>
<!-- Jika Menggunakan library Javascript vue.js yang terdapat di local-->
<!--<script src="vue.min.js"></script>-->
<!--Memanggil javascript apps-->
<script src="apps.js"></script>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
var app = new Vue({ //object
el: '#app', //element #app
//Script Lainnya diletakkan disini
data: {
ceklis:[]
}
});
\ No newline at end of file
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Belajar Vue JS</title>
</head>
<body>
<!-- development version, includes helpful console warnings -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- production version, optimized for size and speed -->
<!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
<div id="app">
<h3>Makanan favorit anda adalah :</h3>
<input type="checkbox" v-model="ceklis" value="Bakso">
<label for="checkbox">Bakso</label><br>
<input type="checkbox" v-model="ceklis" value="Mie Ayam">Mie Ayam
<label for="checkbox">Mie Ayam</label><br>
<input type="checkbox" v-model="ceklis" value="Soto">Soto
<label for="checkbox">Soto</label><br>
<h3>Anda sangat senang memakan :</h3>
<ul>
<li v-for="c in ceklis">{{c}}</li>
</ul>
</div>
<!-- Jika Menggunakan library Javascript vue.js yang terdapat di local-->
<!--<script src="vue.min.js"></script>-->
<!--Memanggil javascript apps-->
<script src="apps.js"></script>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
var app = new Vue({ //object
el: '#app', //element #app
//Script Lainnya diletakkan disini
data: {
pilih:''
}
});
\ No newline at end of file
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Belajar Vue JS</title>
</head>
<body>
<!-- development version, includes helpful console warnings -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- production version, optimized for size and speed -->
<!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
<div id="app">
<h3>Manakah ibu kota provisi jawa tengah?</h3>
<select v-model="pilih">
<option disabled value="">Pilih kota anda</option>
<option>Jakarta</option>
<option>Semarang</option>
<option>Bandung</option>
<option>Surabaya</option>
</select>
<h3>Ibukota jawa tengah adalah : {{pilih}}</h3>
</div>
<!-- Jika Menggunakan library Javascript vue.js yang terdapat di local-->
<!--<script src="vue.min.js"></script>-->
<!--Memanggil javascript apps-->
<script src="apps.js"></script>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
var app = new Vue({ //object
el: '#app', //element #app
//Script Lainnya diletakkan disini
data: {
pilih:''
}
});
\ No newline at end of file
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Belajar Vue JS</title>
</head>
<body>
<!-- development version, includes helpful console warnings -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- production version, optimized for size and speed -->
<!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
<div id="app">
<h3>Pilih kota favorit anda:</h3>
<select v-model="pilih">
<option disabled value="">Pilih kota anda</option>
<option value="Ibu kota negara">Jakarta</option>
<option value="Kota atlas">Semarang</option>
<option value="Paris van Java">Bandung</option>
<option value="Kota Pahlawan">Surabaya</option>
</select>
<h3>Julukan kota favorit anda adalah : {{pilih}}</h3>
</div>
<!-- Jika Menggunakan library Javascript vue.js yang terdapat di local-->
<!--<script src="vue.min.js"></script>-->
<!--Memanggil javascript apps-->
<script src="apps.js"></script>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment