Cree una función para validar el año de lanzamiento de la película usando las siguientes reglas comerciales: • El año de lanzamiento debe estar en el rango entre 1930 y el año actual.
Quiero agregar una validación a mi código para validar el año entre 1930 y el año actual y si no es correcto debería imprimir un error
var movieTitle = []; var movieReleaseYear = []; function init() { var add = document.getElementById("add"); add.onclick = () => addMovie(); var show = document.getElementById("show"); show.onclick = () => displayData(); } function addMovie() { var name = document.getElementById("movie"); var year = document.getElementById("year"); movieTitle.push(name.value); movieReleaseYear.push(year.value); } function displayData() { if (movieTitle.length == 0) { document.getElementById("list").innerHTML = "there is no data"; } else { var output = ""; movieTitle.forEach( (element, index) => (output += " " + (index+1) + ". " + element + "\t\t" + movieReleaseYear[index] + "<br />") ); document.getElementById("list").innerHTML = output; } } window.onload = init; <!DOCTYPE html> <html lang="en"> <head> <title>Week 07 Pass Submission</title> <script src="./w7p.js"></script> </head> <body> <header> <h1>Week 07 Pass Submission</h1> </header> <article> <form> <label for="movie">Movie title</label> <input type="text" id="movie" /><br /><br /> <label for="year">Release year</label> <input type="text" id="year" /><br /><br /> <input type="button" id="add" value="Add"> <input type="button" id="show" value="List All"> </form><br /> <div style="padding-left: 20px;" id="list"></div> </article> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <title>Week 07 Pass Submission</title> <script src="./w7p.js"></script> </head> <body> <header> <h1>Week 07 Pass Submission</h1> </header> <article> <form> <label for="movie">Movie title</label> <input type="text" id="movie" /><br /><br /> <span id="yearValidation" style="color: red"></span> <br /> <label for="year">Release year</label> <input type="text" id="year" /><br /><br /> <input type="button" id="add" value="Add"> <input type="button" id="show" value="List All"> </form><br /> <div style="padding-left: 20px;" id="list"></div> </article> </body> </html> var movieTitle = []; var movieReleaseYear = []; function init() { var add = document.getElementById('add'); add.onclick = () => addMovie(2022); var show = document.getElementById('show'); show.onclick = () => displayData(); } function addMovie(currentYear) { var name = document.getElementById('movie'); var year = document.getElementById('year'); var year = document.getElementById('year').value; if (year <= 1930 || year >= currentYear) { document.getElementById('yearValidation').innerHTML = 'Error'; } else { document.getElementById('yearValidation').innerHTML = ''; } movieTitle.push(name.value); movieReleaseYear.push(year.value); } function displayData() { if (movieTitle.length == 0) { document.getElementById('list').innerHTML = 'there is no data'; } else { var output = ''; movieTitle.forEach( (element, index) => (output += ' ' + (index + 1) + '. ' + element + '\t\t' + movieReleaseYear[index] + '<br />') ); document.getElementById('list').innerHTML = output; } } window.onload = init;