EasyCode-JavaScriptReact-v1 · GeorgeTsendra · Jul 17, 2018
diff --git a/homework-14/index.html b/homework-14/index.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="utf-8">
+    <title></title>
+    <link rel="stylesheet" href="style.css">
+  </head>
+  <body>
+    <header>
+      <h1>Тест по программированию</h1>
+    </header>
+    <main>
+      <form class="" action="index.html" method="post">
+        <div>
+          <h2 class="test__question" >1.Вопрос №1</h2>
+          <ul>
+            <li><label for=""><input id="input" type="checkbox" name="" value="">вариант ответа 1  </label></li>
+            <li><label for=""><input id="input" type="checkbox" name="" value="">вариант ответа 2  </label></li>
+            <li><label for=""><input id="input" type="checkbox" name="" value="">вариант ответа 3  </label></li>
+          </ul>
+        </div>
+
+        <div>
+          <h2 class="test__question">2.Вопрос №2</h2>
+          <ul>
+            <li><label for=""><input id="input" type="checkbox" name="" value="">вариант ответа 1 </label></li>
+            <li><label for=""><input id="input" type="checkbox" name="" value="">вариант ответа 2  </label></li>
+            <li><label for=""><input id="input" type="checkbox" name="" value="">вариант ответа 3 </label></li>
+          </ul>
+        </div>
+        <div>
+          <h2 class="test__question">3.Вопрос №3</h2>
+          <ul>
+            <li><label for=""><input id="input" type="checkbox" name="" value="">вариант ответа 1  </label></li>
+            <li><label for=""><input id="input" type="checkbox" name="" value="">вариант ответа 2  </label></li>
+            <li><label for=""><input id="input" type="checkbox" name="" value="">вариант ответа 3  </label></li>
+          </ul>
+        </div>
+
+        <div class="center">
+          <button type="Submit" name="Submit"  id="submit">Проверить мои результаты</button>
+        </div>
+      </form>
+    </main>
+    <script type="text/javascript" src="js.js">
+
+    </script>
+  </body>
+</html>
diff --git a/homework-14/js.js b/homework-14/js.js
@@ -0,0 +1,178 @@
+/*
+TASK 0. Найдите числа которые повторяются нечетное количество раз
+в массиве
+*/
+
+
+function solution(arr) {
+  let newArr = [];
+  arr.forEach((value, index, arr)=>{
+
+    let firstVal = value;
+    let count = 0;
+    arr.forEach((value, index, arr)=>{
+      if(value == firstVal){
+        count ++
+      }
+    })
+    if(count % 2){
+      newArr.push(value)
+    }
+  })
+
+newArr.sort((a,b)=>{
+  return a > b;
+})
+
+  let newArrWithoutDoble = [];
+
+  newArr.forEach((value,index,arr)=>{
+    if (arr[index] != arr[index + 1]) {
+      newArrWithoutDoble.push(arr[index])
+    }
+
+  })
+
+  console.log(newArrWithoutDoble);
+}
+
+
+
+solution([12, 23, 34, 12, 12, 23, 12, 45])// -> [34 45]
+solution([4, 4, 100, 5000, 4, 4, 4, 4, 4, 100, 100,]) //-> [4 100 5000]
+solution([3, 3, 4, 6, 4, 5, 9, 9, 21, 9])// -> [6 5 9 21]
+solution([4, 8, 15, 16, 23, 42, 4, 15, 42, 42]) //-> [8 16 23 42]
+solution([2, 2, 44, 44]) //=> []
+
+
+
+
+let someWebpackModule = `module.exports = {
+    context: %%HOMEDIR%%,
+    entry: {
+        app: "%%HOMEDIR%%/%%APP_DIR%%/%%APPNAME%%.js"
+    },
+    output: {
+        path: %%HOMEDIR%% + '/app',
+        filename: "dist/[%%APPNAME%%].js",
+        library: '[%%APPNAME%%]'
+    }
+   }`;
+
+function someWebpackModuleFunk(value) {
+
+  let valueSplit = value.replace(/%%HOMEDIR%%/g, './JavaScript-Basic')
+                        .replace(/%%APP_DIR%%/g, 'fixtures/src')
+                        .replace(/%%APPNAME%%/g, 'app.js')
+  console.log(valueSplit);
+}
+someWebpackModuleFunk(someWebpackModule)
+
+
+/* TASK - 1
+Распарсите строку и замените
+ %%HOMEDIR%% -> './JavaScript-Basic'
+ %%APP_DIR%% -> 'fixtures/src'
+ %%APPNAME%% -> 'app.js'
+ Вам нужно написать функцию которая в зависимости от разных параметров
+ будет изменять заданные значения на необходимые вам
+ Сделайте несколько вызовов данной функции
+ *
+ * */
+
+
+
+/*
+ TASK - 2 +
+ Сделайте разметку как скриншоте используя HTML
+ вам необходимо использовать тэги(!)
+*/
+
+
+
+
+/*
+TASK 3
+ JavaScript =>
+  Создать объект с методами, которые будут динамически генерировать DOM
+  Это будет тест, который мы будем разрабатывать в следующих заданиях.
+  Сейчас вам нужно только динамически создать html,
+  методы должны храниться в одном объекте.
+  Изначально на странице должен быть только <body>,
+  вызывая методы объекта нужно создать dom-элементы
+*/
+
+let app = {
+  render(){
+    let headerElem = document.createElement('header');
+    let h1Elen = document.createElement('h1');
+    h1Elen.textContent = 'Тест по программированию';
+    headerElem.appendChild(h1Elen);
+    console.log(headerElem);
+    let mainElem = document.createElement('main');
+    let formElem = document.createElement('form');
+    mainElem.appendChild(formElem)
+
+    let elems = [
+    {
+      question : '1.Вопрос №1',
+      answers: [
+        'вариант ответа 1',
+        'вариант ответа 2',
+        'вариант ответа 3'
+      ]
+    },
+  {
+    question : '2.Вопрос №2',
+    answers: [
+      'вариант ответа 1',
+      'вариант ответа 2',
+      'вариант ответа 3'
+    ]
+  },
+  {
+    question : '3.Вопрос №3',
+    answers: [
+      'вариант ответа 1',
+      'вариант ответа 2',
+      'вариант ответа 3'
+    ]
+  }
+]
+
+  elems.forEach((value,index,arr)=>{
+    let divElem = document.createElement('div')
+    let h2elem = document.createElement('h2')
+    h2elem.textContent = value.question;
+    divElem.appendChild(h2elem)
+    let ulElem = document.createElement('ul')
+
+    value.answers.forEach((value,index,arr)=>{
+      let liElem = document.createElement('li')
+      let labelElem = document.createElement('label')
+      let inputElem = document.createElement('input')
+      ulElem.appendChild(liElem);
+      liElem.appendChild(labelElem)
+      liElem.appendChild(inputElem)
+      inputElem.type = 'checkbox';
+      inputElem.id = "input";
+      labelElem.textContent = value;
+    })
+
+    divElem.appendChild(ulElem)
+    formElem.appendChild(divElem)
+  })
+  let divElem = document.createElement('div');
+  let buttonElem = document.createElement('button');
+  divElem.appendChild(buttonElem);
+  formElem.appendChild(divElem)
+  buttonElem.type = 'submit';
+   buttonElem.name = 'submit';
+   buttonElem.value = 'Проверить мои результаты'
+   buttonElem.id = 'submit'
+
+  console.log(mainElem);
+  }
+}
+
+app.render();
diff --git a/homework-14/style.css b/homework-14/style.css
@@ -0,0 +1,29 @@
+h1, .center {
+  text-align: center;
+}
+
+ .test__question {
+   font-size: 25px;
+   margin-left: 3rem;
+   margin-bottom: 0.5rem;
+    margin-left: 1rem
+ }
+ul>li {
+  list-style: none;
+}
+#input {
+  background-color: #CAE2F7;
+  border: 2px solid #000;
+  box-sizing: border-box;
+  /* width: 10%; */
+
+}
+#submit{
+  height: 8vh;
+  width: 40vh;
+  border: 1px solid #000000;
+  background-color: #CAE2F7;
+}
+#submit:hover{
+  background-color: #01AEF0;
+}