|
|
@@ -0,0 +1,134 @@
|
|
|
+<head>person Form</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+
|
|
|
+
|
|
|
+ <script>
|
|
|
+ /*const addElement = (domEl, value, onInputFunc) => {
|
|
|
+ const input = document.createElement('input');
|
|
|
+ input.value = value;
|
|
|
+ input.oninput = onInputFunc;
|
|
|
+ domEl.append(input);
|
|
|
+ }*/
|
|
|
+ const personForm = (domEl, obj) => {
|
|
|
+ /*addElement(
|
|
|
+ domEl,
|
|
|
+ obj.getName(),
|
|
|
+ () => {
|
|
|
+ obj.setName(nameInput.value);
|
|
|
+ fullNameInput.value = obj.getFullName();
|
|
|
+ });
|
|
|
+ addElement(
|
|
|
+ domEl,
|
|
|
+ obj.getSurName(),
|
|
|
+ () => {
|
|
|
+ obj.setSurName(nameInput.value);
|
|
|
+ fullNameInput.value = obj.getFullName();
|
|
|
+ });
|
|
|
+ addElement(
|
|
|
+ domEl,
|
|
|
+ obj.getFatherName(),
|
|
|
+ () => {
|
|
|
+ obj.setFatherName(nameInput.value);
|
|
|
+ fullNameInput.value = obj.getFullName();
|
|
|
+ });
|
|
|
+ addElement(
|
|
|
+ domEl,
|
|
|
+ obj.getAge(),
|
|
|
+ () => obj.setAge(ageInput.value));
|
|
|
+ addElement(
|
|
|
+ domEl,
|
|
|
+ obj.getFullName(),
|
|
|
+ () => {
|
|
|
+ obj.setFullName(fullNameInput.value);
|
|
|
+ nameInput.value = obj.getName();
|
|
|
+ surNameInput.value = obj.getSurName();
|
|
|
+ fatherNameInput.value = obj.getFatherName();
|
|
|
+ });*/
|
|
|
+
|
|
|
+ const nameInput = document.createElement('input');
|
|
|
+ const surNameInput = document.createElement('input');
|
|
|
+ const fatherNameInput = document.createElement('input');
|
|
|
+ const ageInput = document.createElement('input');
|
|
|
+ const fullNameInput = document.createElement('input');
|
|
|
+ domEl.append(nameInput);
|
|
|
+ nameInput.value = obj.getName();
|
|
|
+ domEl.append(surNameInput);
|
|
|
+ surNameInput.value = obj.getSurName();
|
|
|
+ domEl.append(fatherNameInput);
|
|
|
+ fatherNameInput.value = obj.getFatherName();
|
|
|
+ domEl.append(fullNameInput);
|
|
|
+ fullNameInput.value = obj.getFullName();
|
|
|
+ domEl.append(ageInput);
|
|
|
+ ageInput.value = obj.getAge();
|
|
|
+ nameInput.oninput = () => {
|
|
|
+ obj.setName(nameInput.value);
|
|
|
+ fullNameInput.value = obj.getFullName();
|
|
|
+ }
|
|
|
+ surNameInput.oninput = () => {
|
|
|
+ obj.setSurName(surNameInput.value);
|
|
|
+ fullNameInput.value = obj.getFullName();
|
|
|
+ }
|
|
|
+ fatherNameInput.oninput = () => {
|
|
|
+ obj.setFatherName(fatherNameInput.value);
|
|
|
+ fullNameInput.value = obj.getFullName();
|
|
|
+ }
|
|
|
+ ageInput.oninput = () => obj.setAge(ageInput.value);
|
|
|
+ fullNameInput.oninput = () => {
|
|
|
+ obj.setFullName(fullNameInput.value);
|
|
|
+ nameInput.value = obj.getName();
|
|
|
+ surNameInput.value = obj.getSurName();
|
|
|
+ fatherNameInput.value = obj.getFatherName();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ const isUpperCase = (str) => str.toUpperCase() == str;
|
|
|
+ let createPersonClosure = function (name, surName) {
|
|
|
+ let result = {};
|
|
|
+ let age = 17;
|
|
|
+ let fatherName = "Пупкович";
|
|
|
+ result.getName = () => name;
|
|
|
+ result.getSurName = () => surName;
|
|
|
+ result.getFullName = function () {
|
|
|
+ return `${result.getName()} ${result.getFatherName()} ${result.getSurName()} `;
|
|
|
+ }
|
|
|
+ result.setFullName = (newFullName) => {
|
|
|
+ const arrFullName = newFullName.split(' ');
|
|
|
+ result.setFatherName(arrFullName[1]);
|
|
|
+ result.setSurName(arrFullName[2]);
|
|
|
+ result.setName(arrFullName[0]);
|
|
|
+ }
|
|
|
+ result.setName = (newName) => {
|
|
|
+ if (isUpperCase(newName[0])) {
|
|
|
+ name = newName;
|
|
|
+ }
|
|
|
+ else
|
|
|
+ alert("wrong Name format");
|
|
|
+ }
|
|
|
+ result.setSurName = (newSurName) => {
|
|
|
+ if (isUpperCase(newSurName[0])) {
|
|
|
+ surName = newSurName;
|
|
|
+ }
|
|
|
+ else
|
|
|
+ alert("wrong Surname format");
|
|
|
+ }
|
|
|
+ result.setFatherName = (newFatherName) => {
|
|
|
+ if (isUpperCase(newFatherName[0])) {
|
|
|
+ fatherName = newFatherName;
|
|
|
+ }
|
|
|
+ else
|
|
|
+ alert("wrong Fathername format");
|
|
|
+ }
|
|
|
+ result.getAge = () => age;
|
|
|
+ result.setAge = (newAge) => {
|
|
|
+ if (newAge >= 0 && newAge <= 100)
|
|
|
+ age = newAge;
|
|
|
+ else
|
|
|
+ alert("wrong age: " + newAge);
|
|
|
+ }
|
|
|
+ result.getFatherName = () => fatherName;
|
|
|
+ return result;
|
|
|
+ }
|
|
|
+ const person = createPersonClosure("Анна", "Иванова");
|
|
|
+ personForm(document.body, person);
|
|
|
+ </script>
|
|
|
+</body>
|
