Update app.js

app.js

@@ -1,91 +1,27 @@
-import Phaser from 'phaser';
 import axios from 'axios';
 
-const config = { 
-    type: Phaser.AUTO, 
-    width: 800, 
-    height: 600, 
-    scene: { 
-        preload: preload, 
-        create: create, 
-        update: update 
-    } 
-};
-
-const game = new Phaser.Game(config);
-
-let score = 0; 
-let scoreText;
-
-function preload() { 
-    // load assets 
-}
-
-function create() { 
-    // create game objects{
-  "link": "https://phaser.io/examples/v3/category/physics/arcade",
-  "user_has_request": false
-}
-    scoreText = this.add.text(16, 16, 'Score: 0', { fontSize: '32px', fill: '#000' }); 
-
-    // create word objects
-    words = this.physics.add.group();
-
-    // add words to the group
-    sentence.split(' ').forEach((word, index) => {
-        let wordObject = this.physics.add.sprite(100 + index * 50, 100, 'word');
-        wordObject.setBounce(0.2);
-        wordObject.setCollideWorldBounds(true);
-        wordObject.word = word;
-        words.add(wordObject);
-    });
-
-    // create categories
-    categories = this.physics.add.staticGroup();
-
-    // add categories to the group
-    ['sustantivo', 'verbo', 'adjetivo', 'artículo'].forEach((category, index) => {
-        let categoryObject = this.physics.add.sprite(100 + index * 200, 500, 'category');
-        categoryObject.category = category;
-        categories.add(categoryObject);
-    });
-
-    // check for correct categorization
-    this.physics.add.collider(words, categories, checkCategorization, null, this);
+let chatBox = document.getElementById('chatBox');
+let inputField = document.getElementById('inputField');
+
+function sendMessage() {
+    let message = inputField.value;
+    let messageElement = document.createElement('p');
+    messageElement.textContent = 'You: ' + message;
+    chatBox.appendChild(messageElement);
+
+    axios.post('/api/game', { message: message })
+        .then(response => {
+            let botMessageElement = document.createElement('p');
+            botMessageElement.textContent = 'Bot: ' + response.data.message;
+            chatBox.appendChild(botMessageElement);
+        })
+        .catch(error => console.error(error));
 }
 
-function checkCategorization(wordObject, categoryObject) {
-    // check if the word belongs to the category
-    axios.post('/api/game_logic', {
-        sentence: sentence,
-        user_word: wordObject.word,
-        user_pos: categoryObject.category
-    })
-    .then(function (response) {
-        let correct = response.data.correct;
-        if (correct) {
-            increaseScore(10);
-            wordObject.destroy();
-        } else {
-            // give a hint
-            let hint = response.data.hint;
-            displayHint(hint);
-        }
-    })
-    .catch(function (error) {
-        console.log(error);
-    });
-}
-
-function update() { 
-    // update game logic 
-    scoreText.setText(`Score: ${score}`); 
-}
-
-function increaseScore(points) { 
-    score += points; 
-}
-
-function displayHint(hint) { 
-    // display hint on screen 
-}
+inputField.addEventListener('keydown', function(event) {
+    if (event.key === 'Enter') {
+        event.preventDefault();
+        sendMessage();
+        inputField.value = '';
+    }
+});