Форум

golifox · #11 (**permalink**) 17.06.2019, 19:13

Спасибо большое за помощь. Пойду отчет оформлять

рони · #12 (**permalink**) 17.06.2019, 19:13

Сообщение от Dilettante_Pro

И вообще type="button" - лишнее. Оно и так button

<button></button>
<script>
   alert(document.querySelector("button").type);
</script>

golifox · #13 (**permalink**) 17.06.2019, 19:16

Убрал, а как мне реализовать собственно жирный, курсив или подчеркнутый во второе окошко?

рони · #14 (**permalink**) 17.06.2019, 19:33

Сообщение от golifox

жирный, курсив или подчеркнутый

https://javascript.ru/forum/misc/777...tml#post509043

golifox · #15 (**permalink**) 17.06.2019, 19:46

Сообщение от рони

https://javascript.ru/forum/misc/777...tml#post509043

Великолепно сделано, НО! У меня же текст не на странице, а в textarea...

рони · #16 (**permalink**) 17.06.2019, 19:56

Сообщение от golifox

, НО! У меня же текст не на странице, а в textarea...

это ничего не меняет.

рони · #17 (**permalink**) 17.06.2019, 19:57

golifox,

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>JavaScript</title>
        <style>

        </style>
    </head>
    <body>

            <textarea >Lorem ipsum dolor sit amet.</textarea>
            <input type="checkbox" value="text-decoration:line-through;"><span>перечеркнуть</span>
            <input type="checkbox" value="font-weight:bold;"><span>сделать жирным</span>
            <input type="checkbox" value="color:red;"><span>сделать красным</span>
        <script>
            let text = document.querySelector('textarea')
            let input = document.querySelectorAll('input')
            for(var i = 0; i < input.length; i++){
                input[i].addEventListener('change', func)
            }

            function func(){
                var txt = '';
                for(var i = 0; i < input.length; i++){
                var el = input[i];
                if(el.checked) txt += el.value
                }
                text.style.cssText = txt
            }
        </script>
    </body>
</html>

Malleys · #18 (**permalink**) 18.06.2019, 07:21

Сообщение от Dilettante_Pro

И вообще type="button" - лишнее. Оно и так button

Нет!

alert(document.createElement("button").type);

рони, подпись рядом с флажком должна переключать его! Рядом с флажком отображается его обозначение, обычно — подпись, реже — значок. Для увеличения площади активного элемента обычно взаимодействие происходит как с самим флажком, так и с подписью к нему.

рони · #19 (**permalink**) 18.06.2019, 10:37

Сообщение от Malleys

подпись рядом с флажком должна переключать его!

согласен, надо было поменять на label.

Форум

Справочник

Discord чат

Курсы javascript