JavaScript-TP_note
/
Projet-note
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

merge

Browse Source
pull/1/head
Aurian JAULT 1 year ago
parent ff1f6c3a31 a4218a0112
commit 7999cb5639
3 changed files with 42 additions and 6 deletions
Show Stats Download Patch File Download Diff File

11
index.html
Unescape View File

@ -9,12 +9,16 @@
<body> <body>
<div id="app"> <div id="app">
<h1>TP-noté</h1> <h1>TP-noté</h1>
<team-card :players=players /> <nav-bar></nav-bar>
</div> </div>
<script src="src/service/link-service.js"></script> <script src="src/service/link-service.js"></script>
<script src="src/class/team.js"></script>
<script src="src/misc/const.js"></script> <script src="src/misc/const.js"></script>
<script src="main.js"></script> <script src="main.js"></script>
<script type="module"> <script type="module">
import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js'; import { createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';
import NavBar from '/src/view/nav-bar.js'; import NavBar from '/src/view/nav-bar.js';
import TeamCard from '/src/view/team-card.js'; import TeamCard from '/src/view/team-card.js';
@ -23,12 +27,11 @@
data(){ data(){
return{} return{}
}, },
methods:{ methods:{}
myFun:function(){}
}
}); });
app.component('NavBar', NavBar); app.component('NavBar', NavBar);
app.component('TeamCard', TeamCard); app.component('TeamCard', TeamCard);
app.mount('#app'); app.mount('#app');
</script> </script>
</body> </body>
</html>

6
src/class/team.js
Unescape View File

@ -0,0 +1,6 @@
class Team{
constructor(id, name){
this.id=id;
this.name=name;
}
}

31
src/view/nav-bar.js
Unescape View File

@ -3,17 +3,44 @@ export default{
return { return {
Home: '', Home: '',
Teams: '', Teams: '',
Results: '' Results: '',
id:'',
name:'',
clicked: false
} }
}, },
methods: { methods: {
myfun: function() {
console.log("gngn");
this.clicked=!this.clicked;
},
addTeam: function() {
let team = new Team(this.id, this.name);
console.log(team);
this.id='';
this.name='';
}
}, },
template: template:
` `
<div> <div>
<span>Home</span> <span>Home</span>
<span>Teams</span> <span @click="myfun" style="cursor: pointer">Teams</span>
<span>Results</span> <span>Results</span>
</div> </div>
<form @submit.prevent v-if="clicked">
<div>
<label>id</label><br/>
<input type="number" v-model="id"/>
</div>
<div>
<label>Name</label><br/>
<input type="text" v-model="name"/>
</div>
<input type="submit" value="Submit" @click="addTeam"/>
</form>
` `
} }

Write Preview
Loading…
Cancel
Save