Dans le code ci-dessous, le bouton intitulé Add More ne fonctionne pas comme prévu. Idéalement, il devrait ajouter la valeur d'entrée à la liste non ordonnée sur la page. Au lieu de cela, je reçois l'erreur suivante:Erreur: document.queryselector n'est pas une fonction
Uncaught TypeError: document.queryselector is not a function
Page Code du
<div id="root">
<input type="text" id="input" v-model="message"/>
<p>The value of the input is : {{message}}</p>
<ul>
<li v-for="n in names" v-text="n"></li>
</ul>
<input id="input1" type="text"/>
<button id="button"> Add More </button>
</div>
<script>
var app = new Vue ({
el : '#root',
data : {
message : 'Hello World!',
favourite : 'author',
names : ['Sunil' , 'Anis' , 'Satyajit']
},
});
document.queryselector('#button').addEventListener('click', function(event) {
var n = document.queryselector('#input1');
app.names.push(n.value);
n.value = '';
});
</script>
Merci. Je l'ai corrigé. Ça ne marche toujours pas. –
@SFDC_Learner a-t-il intérêt à développer cela? Vous obtenez toujours querySelector n'est pas une fonction? – Bert
S'il vous plaît trouver j'ai mis à jour le code enlevant la partie montée. Il ne fonctionne toujours pas et dit erreur ci-dessous. –