Значения строго равных задач - PullRequest
0 голосов
/ 12 апреля 2020

Я новичок здесь и в кодировании, и у меня есть оценка для кодов, которые я должен сделать. Грейдер очень привередлив, и поэтому у меня проблемы с этим, поэтому порядок имеет значение, а вещи, которые в реальном мире не имеют большого значения. Но все же есть некоторые проблемы. Я создал клавиатуру из Javascript, создавая кнопки, назначая им innerText, идентификатор и размещая их одну за другой. Вот мой код.

let G4 = document.createElement ('button');
let sibemol = document.createElement ('button');
let C5 = document.createElement ('button');
let D5 = document.createElement ('button');
let F5 = document.createElement ('button');
let G5 = document.createElement ('button');

G4.innerHTML = '<button id="G4">G4</button>';
sibemol.innerHTML = '<button id="A#4">Bb4</button>';
C5.innerHTML = '<button id="C5">C5</button>';
D5.innerHTML = '<button id="D5">D5</button>';
F5.innerHTML = '<button id="F5">F5</button>';
G5.innerHTML = '<button id="G5">G5</button>';

G4.setAttribute('id', 'G4');
sibemol.setAttribute('id', 'A#4');
C5.setAttribute('id', 'C5');
D5.setAttribute('id', 'D5');
F5.setAttribute('id', 'F5');
G5.setAttribute('id', 'G5');

let keyboard = document.getElementById('simple-keyboard');
keyboard.appendChild(G4);
keyboard.appendChild(sibemol);
keyboard.appendChild(C5);
keyboard.appendChild(D5);
keyboard.appendChild(F5);
keyboard.appendChild(G5);

Проблемы, с которыми я сталкиваюсь, для начала, что «у меня должно быть 6 кнопок», и он считает меня, как у меня 12, почему он считается двойным и как я могу сделать это, я попытался здесь, постить построчно (у меня была вся информация кнопка за кнопкой, но узнал, что я должен написать строки в порядке, они хотят, по-видимому, -ik, что отстой. Затем, у меня есть эта кнопка должна иметь innerText Bb4 или A # 4 ", и у меня есть это сообщение: Выражение, оцененное в ложное значение: assert (note.indexOf (text)> = 0)

Почему это так и .. У меня уже есть этот внутренний текст, поэтому я не знаю, в чем проблема.

Тогда программа просто продолжает нести эти сообщения, как будто все будет в неправильном порядке, после двух сообщений, которые я упоминал ранее : Button 3. у кнопки должен быть атрибут id C5 (3p) Ожидаемые значения должны быть строго равны: 'A # 4'! == 'C5'

Похоже, пока я не решу проблему Bb4, я Не проверяйте остальную часть кода, и у меня есть только 5 Возможные представления для использования ...

Спасибо!

1 Ответ

1 голос
/ 12 апреля 2020

Прямо сейчас вы создаете кнопку внутри кнопки для каждого:

let C5 = document.createElement ('button');
C5.innerHTML = '<button id="C5">C5</button>';

Это похоже на создание чего-то, что

<button><button id="C5">C5</button></button>

Это что является причиной проблемы.

Вместо этого присвойте id и textContent свойствам созданных вами кнопок:

sibemol.id = 'A#4'; // you're already doing this with setAttribute below
sibemol.textContent = 'Bb4';
C5.id = 'C5';
C5.textContent = 'C5';
D5.id = 'D5';
D5.textContent = 'D5';
// etc

(не нужно setAttribute, это излишне многословно)

Или, реже, если идентификаторы соответствуют textContent:

const keys = ['G4', 'Bb4', 'C5', 'D5', 'F5', 'G5'];
for (const key of keys) {
  const button = keyboard.appendChild(document.createElement('button'));
  button.id = key;
  button.textContent = key;
}
...