Как разместить две функции Javascript в одном исходном файле сценария? ⇐ CSS

[Anonymous]

Я абсолютно новичок в Javascript. И я создаю веб-проект, который меняет стили двух элементов div, используя значения выбора/параметра. Однако это не сработает, когда я попытаюсь соединить коды вместе.
Это код:

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

div{
width:100px;
height:50px;
border:1px solid Black;
margin: 10px; padding:6px;}

select{
width:150px;
height:30px;}



This is the First Box.
This is the Second Box.

[h4]First Box Style[/h4]

Arial
Tahoma
Georgia



Black
White
Brown



White
Tan
Black



Pattern #1
Pattern #2
Pattern #3


[h4]Second Box Style[/h4]

Arial
Tahoma
Georgia



Black
White
Brown



White
Tan
Black



Pattern #1
Pattern #2
Pattern #3



var change = document.getElementById('Box1');

document.getElementById('1stforeground').addEventListener('change', function(){
change.style.color = this.value;
});

document.getElementById('1stfont').addEventListener('change', function(){
change.style.fontFamily = this.value;
});

document.getElementById('1stbackground').addEventListener('change', function(){
change.style.backgroundColor = this.value;
});

document.getElementById('1stbgImage').addEventListener('change', function(){
change.style.backgroundImage = this.value;
});

var change = document.getElementById('Box2');

document.getElementById('2ndforeground').addEventListener('change', function(){
change.style.color = this.value;
});

document.getElementById('2ndfont').addEventListener('change', function(){
change.style.fontFamily = this.value;
});

document.getElementById('2ndbackground').addEventListener('change', function(){
change.style.backgroundColor = this.value;
});

document.getElementById('2ndbgImage').addEventListener('change', function(){
change.style.backgroundImage = this.value;
});

Я уже пробовал следующее и, вероятно, все сделал неправильно:

• Ссылка на два исходных файла.
• Объедините их в один скрипт (с помощью функции() или объединения переменных).
• Поместите их как отдельные скрипты внутри html-документ.

РЕДАКТИРОВАНИЕ: Изменяется только второе поле.
РЕДАКТИРОВАТЬ : Я использую его для создания конструктора веб-кнопок на веб-хост-сайте моего вторичного домена.

Подробнее здесь: https://stackoverflow.com/questions/786 ... ource-file