Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Назначить кнопке обработчик на функцию (https://javascript.ru/forum/misc/77764-naznachit-knopke-obrabotchik-na-funkciyu.html)

golifox 17.06.2019 19:13

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

рони 17.06.2019 19:13

Цитата:

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

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

golifox 17.06.2019 19:16

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

рони 17.06.2019 19:33

Цитата:

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

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

golifox 17.06.2019 19:46

Цитата:

Сообщение от рони (Сообщение 509133)

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

рони 17.06.2019 19:56

Цитата:

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

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

рони 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.06.2019 07:21

Цитата:

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

Нет!

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


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

рони 18.06.2019 10:37

Цитата:

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

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


Часовой пояс GMT +3, время: 06:46.