How to create hangman game in javascript

API
1

I am having trouble finding a way to correctly set up the prompt for my desired completion. Any ideas why i am failing?

2

What have you tried so far?

In general I think GPT3 has a difficult time with understanding spellings prompts.

3

Do you have any examples of what you’ve tried so far?

My best advice right now would be to break down a hangman game into smaller elements - ie draw the screen, keep score, etc.

1 Like
4

Well i have tried simple prompts Generate, create, etc. Then moved to more complex prompts trying to decompose what the game is about without mentioning the name of the game. This later ones proved more useful but in the completions the model gives me tutorials more than lines of code in can apply and see if they work.
Having to increase temperature is a must otherwise it enters a bucle of repetition.

5

I tried rendering a hangman via the sandbox.

/* if a guess is wrong, draw an ascii hangman */
var hangman = document.createElement('div');
hangman.innerHTML = '<pre>' +
'  +---+\n' +
'  |   |\n' +
'      |\n' +
'      |\n' +
'      |\n' +
'      |\n' +
'=========\n' +
'</pre>';
document.body.appendChild(hangman);
/* render the first stage of ascii hangman */
var hangman = document.createElement('div');
hangman.innerHTML = '<pre>' +
'  +---+\n' +
'  |   |\n' +
'  O   |\n' +
'      |\n' +
'      |\n' +
'      |\n' +
'=========\n' +
'</pre>';
document.body.appendChild(hangman);
/* render the second stage of ascii hangman */
var hangman = document.createElement('div');
hangman.innerHTML = '<pre>' +
'  +---+\n' +
'  |   |\n' +
'  O   |\n' +
'  |   |\n' +
'      |\n' +
'      |\n' +
'=========\n' +
'</pre>';
document.body.appendChild(hangman);
/* render the third stage of ascii hangman */
var hangman = document.createElement('div');
hangman.innerHTML = '<pre>' +
'  +---+\n' +
'  |   |\n' +
'  O   |\n' +
' /|   |\n' +
'      |\n' +
'      |\n' +
'=========\n' +
'</pre>';
document.body.appendChild(hangman);
/* render a fourth stage of ascii hangman */
var hangman = document.createElement('div');
hangman.innerHTML = '<pre>' +
'  +---+\n' +
'  |   |\n' +
'  O   |\n' +
' /|\\  |\n' +
'      |\n' +
'      |\n' +
'=========\n' +
'</pre>';
document.body.appendChild(hangman);
/* render the fifth stage of ascii hangman */
var hangman = document.createElement('div');
hangman.innerHTML = '<pre>' +
'  +---+\n' +
'  |   |\n' +
'  O   |\n' +
' /|\\  |\n' +
' /    |\n' +
'      |\n' +
'=========\n' +
'</pre>';
document.body.appendChild(hangman);
/* render the final stage of ascii hangman, which informs the player that they have lost */
var hangman = document.createElement('div');
hangman.innerHTML = '<pre>' +
'  +---+\n' +
'  |   |\n' +
'  O   |\n' +
' /|\\  |\n' +
' / \\  |\n' +
'      |\n' +
'=========\n' +
'</pre>';
document.body.appendChild(hangman);

I’m sure there are more steps and perhaps better ways of doing this, but it’s progress :stuck_out_tongue:

2 Likes
6

thanks huge progress using the sandbox!

1 Like