Первая программа:<!DOCTYPE html><html> <head> <style> body { text-align: center; } form { display: inline-block; } form > button { width: 100%; } </style> <script> function Privetstvie() { var name1 = "Моё имя"; var name = document.getElementById("Pole_vvoda_imeni").value; var Pole_vuvoda_privetstviya = document.getElementById("Pole_vuvoda_privetstviya"); if (name === name1) { Pole_vuvoda_privetstviya.innerHTML = "Привет мне!"; } else { Pole_vuvoda_privetstviya.innerHTML = "Привет, незнакомец"; } } </script> </head> <body> <form> <div> <label for="Pole_vvoda_imeni">Пожалуйста, введите своё имя:</label> <input id="Pole_vvoda_imeni" type="text"> </div> <button type="button" onClick="Privetstvie();">Поздароваться</button> <div id="Pole_vuvoda_privetstviya"></div> </form> </body></html>____________________________________________Вторая программа:<!DOCTYPE html><html> <head> <style> body { text-align: center; } form { display: inline-block; } form > button { width: 100%; } </style> <script> function Privetstvie() { var name1 = "Моё имя"; var name2 = "Имя друга"; var name3 = "Имя другого друга"; var name = document.getElementById("Pole_vvoda_imeni").value; var Pole_vuvoda_privetstviya = document.getElementById("Pole_vuvoda_privetstviya"); switch (name) { case name1: Pole_vuvoda_privetstviya.innerHTML = "Привет, мне!"; break; case name2: Pole_vuvoda_privetstviya.innerHTML = "Привет, "+name2+"!"; break; case name3: Pole_vuvoda_privetstviya.innerHTML = "Привет, "+name3+"!"; break; default: Pole_vuvoda_privetstviya.innerHTML = "Привет, незнакомец"; } } </script> </head> <body> <form> <div> <label for="Pole_vvoda_imeni">Пожалуйста, введите своё имя:</label> <input id="Pole_vvoda_imeni" type="text"> </div> <button type="button" onClick="Privetstvie();">Поздароваться</button> <div id="Pole_vuvoda_privetstviya"></div> </form> </body></html>