Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Hex64 words with H failing #13

Open
orangeqtym opened this issue Feb 5, 2022 · 2 comments
Open

Hex64 words with H failing #13

orangeqtym opened this issue Feb 5, 2022 · 2 comments

Comments

@orangeqtym
Copy link

https://vue-wordle.netlify.app/?SG9yc2U=, for example, does not accept horse as its answer, but shows green boxes for the last four letters. Haven't been able to find out what it's misinterpreting the H as.

@thecornfields
Copy link

It looks like it's expecting lowercase - so Horse (SG9yc2U=) will not work but horse (aG9yc2U=) will work.

@jxlstudio
Copy link

jxlstudio commented Feb 16, 2022

I worked around this by adding in a game link generator at the bottom of the app page that forces the word to be all lowercase before encoding: https://turdlegame.netlify.app/

In Game.vue, I put the component right under the Keyboard component.

LinkGenerator.vue:

<script>
export default {
    data () {
        return {
            word: '',
            link: ''
        }
    },
    methods: {
        getLink () {
            const wordLowerCase = this.word.toLowerCase()
            const encodedWord = btoa(wordLowerCase)
            this.link = `https://turdlegame.netlify.app/?${encodedWord}`
            navigator.clipboard.writeText(this.link)
        }
    }
}
</script>

<template>
    <div>
        <hr style="margin-top: 35px; margin-bottom: 35px;">
        <h3>Create Your Own Game</h3>
        <p>Enter your own 5 letter word and click "Create Game Link" to create your own Wordle to send to your friends:</p>
        <input type="text" name="word" v-model="word" maxlength="5" />
        <div>
            <button @click="getLink()">Create Game Link</button>
        </div>
        <div v-if="link !== ''">
            <p>Link: {{link}}</p>
            <p><strong>Link copied, ready to paste!</strong></p>
        </div>
    </div>
</template>

<style>
button {
    background: transparent;
    color: orange;
    font-weight: bold;
    text-transform: uppercase;
    border: 2px solid orange;
    padding: 12px 10px;
    border-radius: 5px;
}
input {
    padding: 10px;
    margin-bottom: 8px;
    border-radius: 5px;
}
</style>

I also built in results sharing. I haven't made the repo public yet because this is my first time tinkering with Vue3 and Vite, the code is ugly, and I need to fork it correctly. But will post the repo link here when I do.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants