Documentation

Student-friendly HTML, CSS, and JavaScript reference with examples

Sections


                                        querySelector()


                                        querySelectorAll()


                                        .textContent


                                        .value


                                        for...of (DOM)


                                        addEventListener()


                                        'click'


                                        'input'


                                        .style


                                        .classList.add()


                                        .classList.remove()


                                        .classList.toggle()


                                        createElement()


                                        .appendChild()


                                        .remove()


                                        .parentElement


                                        .getAttribute()


                                        data-*

Input value Property

Gets or sets the value in an input field.

const input = document.querySelector('input');

// Get what user typed
const userText = input.value;

// Set the input value
input.value = 'Hello!';

// Clear the input
input.value = '';

Use .value for inputs, textareas, and selects.