Home

JavaScript Interactivity

JavaScript can be used to add interactivity to web pages. It allows you to respond to user actions, manipulate the DOM, and create dynamic content.

Event Handling

Events are actions that occur in the browser, such as clicks, keyboard input, and mouse movements. You can respond to these events using event listeners.


document.getElementById('myButton').addEventListener('click', function() {
    alert('Button was clicked!');
});
    

DOM Manipulation

The Document Object Model (DOM) represents the structure of the webpage. You can use JavaScript to change the content and style of elements dynamically.


document.getElementById('myElement').innerHTML = 'New Content!';
document.getElementById('myElement').style.color = 'blue';
    

Form Handling

JavaScript can be used to validate form inputs and respond to user submissions.


function validateForm() {
    let x = document.forms["myForm"]["name"].value;
    if (x == "") {
        alert("Name must be filled out");
        return false;
    }
}
    

Exercise

Create a simple form that prompts the user for their name. When submitted, validate the input and display a greeting if the name is filled out. Use event handling and DOM manipulation in your code.