Ответы пользователя по тегу JavaScript
  • Как сделать ввод в inpu нормальным (как в других примерах)?

    w13vitaliy
    @w13vitaliy
    self-taught developer since 2020
    Добавить в input атрибут dir (направление текста)
    <div class="calc-wrapper">
    	<div class="calculator">
    		<div class="input-wrap">
    			<input readonly="readonly"  dir="rtl" value="0" type="text" class="input"> 
    // Атрибут dir - 
    		</div>
    		<div class="buttons-wrap">
    			<!-- 1 ряд -->
    			<div value="remLastSym" class="casual-btns back-btn">&larr;</div>
    			<div value="clearInp" class="casual-btns CE-btn">CE</div>
    			<div value="remLastDig" class="casual-btns C-btn">C</div>
    			<div value="+" class="casual-btns plus-btn">+</div>
    			<!-- 2 ряд -->
    			<div value="7" class="casual-btns btn-seven">7</div>
    			<div value="8" class="casual-btns btn-eight">8</div>
    			<div value="9" class="casual-btns btn-nine">9</div>
    			<div value="-" class="casual-btns btn-minus">-</div>
    			<!-- 3 ряд -->
    			<div value="4" class="casual-btns btn-four">4</div>
    			<div value="5" class="casual-btns btn-five">5</div>
    			<div value="6" class="casual-btns btn-six">6</div>
    			<div value="*" class="casual-btns btn-multiply">*</div>
    			<!-- 4 ряд -->
    			<div value="1" class="casual-btns btn-one">1</div>
    			<div value="2" class="casual-btns btn-two">2</div>
    			<div value="3" class="casual-btns btn-three">3</div>
    			<div value="/" class="casual-btns btn-split">/</div>
    			<!-- 5 ряд -->
    			<div value="0" class="btn-zero casual-btns btn-zero">0</div>
    			<div value="." class="casual-btns btn-three">.</div>
    			<div value="=" class="casual-btns btn-equally">=</div>
    		</div>
    	</div>
    </div>
    Ответ написан
  • Как сделать добавление карточек?

    w13vitaliy
    @w13vitaliy
    self-taught developer since 2020
    1) Что бы добавлялось с конца сделай .reverse()
    у массива (данный метод переворачивает массив) или в цикле там где определяется переменная дай ей значение равное длинной массива минус один (последний индекс) и уменьшай её пока не будет равное нулю.
    2) Что бы создать элемент воспользуйся:
    document.createElement("tag name")
    Что бы добавить используй метод .append (добовляемый элемент или узел) у елемента в который нужно добавить
    Маленький пример который чуть чуть тебе поможет разобраться в своей проблеме
    <!DOCTYPE html>
    <html>
        <head>
            <title>Page Title</title>
        </head>
        <body>
            <form id="form">
            <input type="text" id="name"/>
            <input type="text" id="image"/>
            <input type="submit" id="add" />
            </form>
        </body>
    </html>

    window.onload = function() {
        let form = document.querySelector("#form");
        let addElem = (text, src) => {
            let div = document.createElement("div");
            let h2 = document.createElement("h2");
            let img = document.createElement("img");
            img.src = src;
            div.append(img);
            h2.textContent = text;
            div.append(h2);
            return div;
        }
        form.onsubmit = () => {
            let name = document.querySelector("#name");
                    let image = document.querySelector("#image");
                    document.body.append(addElem(name.value, image.value));
                    return false;
        }
    }
    Ответ написан
    1 комментарий
  • Как сделать проверку на введенные символы в js?

    w13vitaliy
    @w13vitaliy
    self-taught developer since 2020
    function search() {
      var words = search_words.value
      words = words.replace("<", "");
      words = words.replace(">", "");
      var text = document.getElementById('container').innerHTML
    if (!words.length) alert("Пусто!");
      var result = text.replace(new RegExp(words,'g'), "<div id='blink' style='color:Red; display:inline;'>" + words + "</div>");
      document.getElementById('container').innerHTML = result;
    }
    Ответ написан
    Комментировать
  • Как не пропускать событие во время выполнения с задержкой?

    w13vitaliy
    @w13vitaliy
    self-taught developer since 2020
    Зачем делать какую нибудь задержку и ты можешь отключать ввод данных при проверке
    это перед setTimeout
    function someFunc() return false;
    твое поле ввода.removeEventListener(твой код который добавляет);
    твое поле ввода.addEventListener("keypress", someFunc);
    в проверке в конце добавляешь обработчик и удаляешь
    твое поле ввода.addEventListener(твой код который добавляет);
    твое поле ввода.removeEventListener("keypress", someFunc);
    Ответ написан