Загрузите или введите музыкальные заметки на Textarea и увеличивайте их ONCLICK ⇐ Html

[Anonymous]

Код: Выделить всё

var notes = ['do', 'do#', 're', 're#', 'mi', 'fa', 'fa#',
'sol', 'sol#', 'la', 'la#', 'si'
];

function stepUp() {
var text = document.getElementById('textarea');
if (typeof text.count == 'undefined') {
text.count = 0;
} else {
text.count++;
}

if (text.count == notes.length) {
text.count = 0;
}
text.innerHTML = notes[text.count];
}

function stepDown() {
var text = document.getElementById('textarea');
text.count--;

if (text.count == notes.length) {
text.count = 0;
}

if (text.count < 0) {
text.count = 11;
}
text.innerHTML = notes[text.count];
}

/* Load file*/
function load_song() {
var fileToLoad = document.getElementById("load_button").files[0];
var fileReader = new FileReader();
fileReader.onload = function(fileLoadedEvent) {
var textFromFileLoaded = fileLoadedEvent.target.result;
document.getElementById("textarea").value = textFromFileLoaded;
};
fileReader.readAsText(fileToLoad, "UTF-8");
}< /code>
body {
font-family: Arial, sans-serif;
background-color: #333;
color: #ddd;
text-align: center;
}

container {
display: flex;
margin: 2vmin;
position: relative;
top: 3vmin;
}< /code>

---

Up
Down


Load File: 

Load< /code>
< /div>
< /div>
< /p>
Я хотел бы написать в Textarea в случайном порядке. Примечания < /p>
"do do# re re# mi fa fa# sol sol# la la# si"
< /code>
(или загрузить файл .txt с этими примечаниями, написанными в случайном порядке
sol mi do# fa si

и т. Д.) do => do#
и нажав кнопку вниз, чтобы уменьшить их все -1 . do => si < /code> < /p>
, в то время как он, кажется, работает для одной ноты,
, если я напишу в Textarea и нажимаю кнопку вверх, она вообще не работает, так же, как он не будет работать, если я загружаю простой файл .txt.
Любые идеи были бы чрезвычайно полезными. Спасибо!


Подробнее здесь: https://stackoverflow.com/questions/795 ... em-onclick