<
html
>
<
head
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
div
id
=
'parent'
>
<
h1
style
=
"color: green;"
>
GeeksforGeeks
</
h1
>
<
p
><
strong
>Favourite Sports:</
strong
>
</
p
>
<
input
type
=
"checkbox"
id
=
"cricket"
value
=
"cricket"
v-model
=
"sports"
>
<
label
for
=
"cricket"
>Cricket</
label
>
<
input
type
=
"checkbox"
id
=
"football"
value
=
"football"
v-model
=
"sports"
>
<
label
for
=
"football"
>Football</
label
>
<
input
type
=
"checkbox"
id
=
"hockey"
value
=
"hockey"
v-model
=
"sports"
>
<
label
for
=
"hockey"
>Hockey</
label
>
<
input
type
=
"checkbox"
id
=
"badminton"
value
=
"badminton"
v-model
=
"sports"
>
<
label
for
=
"badminton"
>Badminton</
label
>
<
input
type
=
"checkbox"
id
=
"arching"
value
=
"arching"
v-model
=
"sports"
>
<
label
for
=
"arching"
>Arching</
label
>
<
p
><
strong
>Sports You Like:</
strong
>
{{ sports }}
</
p
>
</
div
>
<
script
src
=
'app.js'
></
script
>
</
body
>
</
html
>