eyuep.sueyruege/IP_13_Playing_Cards
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update src/client/main.js

Browse Source
This commit is contained in:
Eyuep Sueyruege
2023-12-12 20:49:02 +01:00
parent c8964c0d76
commit 6b18e79b95
1 changed files with 32 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/client/main.js
View File

@@ -5,12 +5,40 @@ function startGame(){
let mainfield = $("#mainfield");
mainfield.html('<div class="container"> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8"> <div class="player-box">Player 1</div> </div> <div class="col-md-2"></div> </div> <div class="row"> <div class="col-md-2"> <div class="player-box">Player 4</div> </div> <div class="col-md-8"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="player-box">Mitte</div> </div> <div class="col-md-6"> <div class="player-box">Dealer</div> </div> </div> </div> </div> <div class="col-md-2"> <div class="player-box">Player 2</div> </div> </div> <div class="row"> <div class="col-md-2"></div> <div class="col-md-8"> <div class="player-box">Player 3</div> </div> <div class="col-md-2"></div> </div></div>');
}
function refresh(){
const socket = new WebSocket('ws://192.168.178.24:3001');
socket.addEventListener('open', (event) => {
console.log('WebSocket-Verbindung hergestellt');
});
socket.addEventListener('message', (event) => {
const messageDiv = document.getElementById('message');
messageDiv.innerHTML = `${event.data}`;
});
}
socket.addEventListener('close', (event) => {
console.log('WebSocket-Verbindung getrennt');
});
// Funktion zum Vorlesen der Nachricht
function speakMessage() {
// Verwenden Sie die SpeechSynthesis-API, um die Nachricht vorzulesen
let text = $('#message').html();
const synth = window.speechSynthesis;
const utterance = new SpeechSynthesisUtterance(text);
synth.speak(utterance);
utterance.onend = function (){
console.log("funktioniert");
}
utterance.onerror= function (){
alert("fehlschlag");
}
}