Заменить условие if

75
03 ноября 2021, 00:40

Есть две кнопки. Если нажать на первую кнопку, то появится 3-я кнопка, по клику на которую должен появится новый контент. У меня не выходит каким-то образом заменить условие if в проверке на null и в целом реализовать как-то не через условные операторы.

let click1 = document.getElementById("click1"); 
      let click2 = document.getElementById("click2"); 
      let content = document.getElementById("content"); 
 
      const inf = { 
        click1: '<button id="click3">Click3</button>', 
        click2: "click2" 
      }; 
 
      function afterClick(newContent) { 
        content.innerHTML = inf[newContent]; 
        let click3 = document.getElementById("click3"); 
        thirdClick(click3); 
      } 
 
      click1.addEventListener("click", function() { 
        afterClick("click1"); 
      }); 
      click2.addEventListener("click", function() { 
        afterClick("click2"); 
      }); 
 
      function thirdClick(newClick) { 
        if (newClick !== null) { 
          newClick.addEventListener("click", function() { 
            inf.click1 += "Click3"; 
            afterClick("click1"); 
          }); 
        } 
      }
    <button id="click1">Click1</button> 
    <button id="click2">Click2</button> 
    <div id="content"></div>

Answer 1

Может вам такой вариант подойдет:

function thirdClick(newClick) {
    try {
      newClick.addEventListener("click", function() {
        inf.click1 += "Click3";
        afterClick("click1");
      });
    } catch (err) {
      //что делать с ошибкой? Например, почистить контент
      content.innerText = ''
    }
READ ALSO
Передача значения value в функцию js

Передача значения value в функцию js

есть задача аяксом динамически выводит html, для этого нужно получать уникальный идентификатор к ссылке myUrl = "/tarif/user_information/" + idVar; с цикла php

127
Почему в FormData не добавляются данные?

Почему в FormData не добавляются данные?

Имеется такой метод в классе моего плагина

239
1 функция с аргументом вместо двух, Nuxt js

1 функция с аргументом вместо двух, Nuxt js

Я работаю с Nuxt JSЯ пытаюсь практиковать свои навыки в js, в коде есть пара функций с одинаковым функционалом только для разных элементов

95
Замена querySelector на getElementById

Замена querySelector на getElementById

Пытаюсь поменять querySelector на getElementById в строке

192