css_event.js
var redButton = document.querySelector("#redButton");
var greenButton = document.querySelector("#greenButton");
var blueButton = document.querySelector("#blueButton");
var textField = document.querySelector("[type=text]");
var button1 = document.querySelector("[type=text] + [type=button]");
var result1 = document.querySelector("#result1");
var file = document.querySelector("[type='file']");
var button2 = document.querySelector("[type='file'] + [type='button']");
var result2 = document.querySelector("#result2")
redButton.addEventListener("click", function() {
document.querySelector("body").setAttribute("bgcolor", "red");
});
greenButton.addEventListener("click", function() {
document.querySelector("body").setAttribute("bgcolor", "green");
});
blueButton.addEventListener("click", function() {
document.querySelector("body").setAttribute("bgcolor", "blue");
});
button1.addEventListener("click", function() {
result1.textContent = textField.value;
});
button2.addEventListener("click", function() {
result2.textContent = file.value;
});
|