sasho91 16 Точки

## 08.Cards 16/100

Здравейте,

От няколко часа се опитвам да реша задачата Cards от Exercise:DOM Manipulations (https://judge.softuni.bg/Contests/Compete/Index/1550#7), стигам до 16/100 точки и съм зациклил много вече... Може ли някой да хвърли око на кода ми и да помогне:https://pastebin.com/tfM4Hga7   ?

Ще съм изключително благодарен! :)

Тагове:
0
Axiomatik 437 Точки

From what I can see there were 2 problems:

1. When both cards were selected, only one of them was marked with either green or red border, the other card was left out by the validation.

2. After the two cards were selected, the final output did not appear in the histroryDiv section.

I've made comments at the relevant places, also good to know that judge expects a space at the end of each card result, otherwise will not give full points.

Best,

Code:

function solve() {

let player1Cards = document.getElementById('player1Div');

let player2Cards = document.getElementById('player2Div');

let spanElements = document.querySelectorAll('div > span');

let historyDiv = document.querySelector("#history");

let cardHistory = [];

let upperCardSpan = spanElements[0];

let lowerCardSpan = spanElements[2];

let upperCardValue;

let lowerCardValue;

let currentUpperCard;

let currentLowerCard;

e.target.src = "images/whiteCard.jpg";

upperCardSpan.innerHTML = e.target.name;

upperCardValue = Number(e.target.name);

currentUpperCard = e.target;

if (lowerCardSpan.innerHTML != '') {

lowerCardValue = Number(lowerCardSpan.innerHTML);

cardHistory.push(`[\${upperCardValue} vs \${lowerCardValue}]`);

// BOTH CARDS NEED TO BE MARKED

if (upperCardValue > lowerCardValue) {

currentUpperCard.style.border = '2px solid green';

currentLowerCard.style.border = '2px solid red';

} else {

currentUpperCard.style.border = '2px solid red';

currentLowerCard.style.border = '2px solid green';

}

// RESULT OF TWO CARDS MUST BE ADDED TO HISTORYDIV

// SPACE AT THE END OF THE STRING, OTHERWISE ERROR FROM JUDGE

historyDiv.textContent += `[\${upperCardValue} vs \${lowerCardValue}] `;

}

});

e.target.src = "images/whiteCard.jpg";

lowerCardSpan.innerHTML = e.target.name;

lowerCardValue = Number(e.target.name);

currentLowerCard = e.target;

if (upperCardSpan.innerHTML != '') {

upperCardValue = Number(upperCardSpan.innerHTML);

if (upperCardValue < lowerCardValue) {

currentLowerCard.style.border = '2px solid green';

currentUpperCard.style.border = '2px solid red';

} else {

currentLowerCard.style.border = '2px solid red';

currentUpperCard.style.border = '2px solid green';

}

historyDiv.textContent += `[\${upperCardValue} vs \${lowerCardValue}] `;

}

});

historyDiv.innerHTML = cardHistory.join(' ') + ' ';

}

0