I'm completely stuck in coding!

JavaScript
1

I have nuu idea how to continue, please someone help me forward in this!

:smiley:
/ Sincerely, Wizibon

2

Thus is like 1% of my code

// Kattgenetiska egenskaper
const _cats = [
    { name: 'Cat 1', color: 'black', pattern: 'solid' },
    { name: 'Cat 2', color: 'white', pattern: 'solid' },
    { name: 'Cat 3', color: 'black', pattern: 'striped' },
    { name: 'Cat 4', color: 'white', pattern: 'striped' }
];

// Rendera katterna i HTML
const catContainer = document.getElementById('_cats');
_cats.forEach(cat => {
    const catDiv = document.createElement('div');
    catDiv.classList.add('cat');
    catDiv.innerText = `${cat.name} (${cat.color}, ${cat.pattern})`;
    catDiv.dataset.color = cat.color;
    catDiv.dataset.pattern = cat.pattern;
    catDiv.onclick = selectCat;
    catContainer.appendChild(catDiv);
});

let selectedCats = [];

// Hantera kattval
function selectCat(event) {
    const selectedCat = event.currentTarget;
    selectedCats.push({
        color: selectedCat.dataset.color,
        pattern: selectedCat.dataset.pattern
    });

    if (selectedCats.length === 2) {
        showResult();
        selectedCats = [];
    }
}

// Visa resultatet av kattkorsningen
function showResult() {
    const [cat1, cat2] = selectedCats;

    const _resultColor = (cat1.color === cat2.color) ? cat1.color : 'mixed';
    const _resultPattern = (cat1.pattern === cat2.pattern) ? cat1.pattern : 'mixed';

    const _resultDiv = document.getElementById('_result');
    _resultDiv.innerText = `Kattungens egenskaper: Färg - ${_resultColor}, Mönster - ${_resultPattern}`;
}
3

Can some1 please explain HEREDOC for me?

4 
<span id="''"></span>
5

Hi there!

Please talk to us about your code. Tell us what do you want.

1 Like
6

I want to come to the point where I can actually begin with eval()

7

Elaborate more about eval(). I didn’t found a function eval() in your code

8

It might be helpful to put all your code onto Codepen and then link to the page here so we can see what you are trying to do.

1 Like
9

eval() is the strongest security method in the world

10

it’s absolutely not, using eval is a security risk

1 Like
11

xD Nuu. That is a forque excuse. Security has its own measurments. When something is really secury it will be listed as insecure.

12

that doesn’t make sense at all

2 Likes
13

You eventually come to the part as adding eval(), and as a coding tip I can say that the better your JavaScript looks like the better the HTML will be formatted.

15

not really? production code is often an unreadable minified mess and it doesn’t have any effect on the html
properly formatted code us easier to read

1 Like
16

Here is my codepen.io: My little JS-game

17

To make a production suite you only need to place the JS files in the root folder

18

So, I uploaded the content to codepen. And wonder now how to continue.

19

Please talk about what you want for code to do and how you are stuck

20

I have no idea how to continue. I guess stagger the span or so-called div elements up would do. But then up next, no idea()

21

Please talk about what you want your code to do and how you are stuck accomplishing that