VuejsAsk

Wiki-Quelltext dieser Seite.

<html>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<div id="app">
  <p>Stell mir eine Frage: <input v-model="frage"/></p>
  <img v-bind:src="antwortBild">
</div>

<script>
var app = new Vue(
  {
    "el" : '#app',
    "data" : {
      "frage" : "",
      "antwortBild" : ""
    },
    "watch": {
      "frage" : function(neueFrage){
         if(neueFrage.indexOf("?") > -1){
           $.ajax({ dataType: "json", url : "https://yesno.wtf/api", success: function(r){
             app.antwortBild = r.image;
           }});
           
         }
      }
    },
    "methods": {
    }
  }
);

</script>
</html>