Форум

рони · #11 (**permalink**) 22.11.2019, 15:47

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

После нажатия второй раз на кнопку цвет у span пропадает, так как и сам класс (как я понимаю) пропадает
Но хотелось бы, чтобы класс span не исчезал

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

Но не всему, а только тому, который только-только вставил??

не могу совместить вместе эти условия.

Keberson · #12 (**permalink**) 22.11.2019, 15:49

Все решил этот вопрос)) Спасибо большое за информацию!

Keberson · #13 (**permalink**) 22.11.2019, 15:49

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">


  </style>
  <script>
var str = "";
function getSelectedText() {
    var text = window.getSelection();
    id1.innerHTML =`${id1.innerHTML}<span style = "color: red;">${text}</span>`
    str += text;
}

  </script>
</head>

<body>
  <header>
    Набор предложений: оаоаоаоааоаоаоа
    <button id="button" onclick="getSelectedText()">Запуск JS скрипта</button>
    <div id="id1"></div>
  </header>
</body>

</html>

вот так получилось

рони · #14 (**permalink**) 22.11.2019, 15:58

Keberson,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  #id1{
     color: red;
  }

  </style>
  <script>
var str = "";
function getSelectedText() {
    var text = window.getSelection().toString();
    if(text && text.trim()){
    str += text;
    id1.innerHTML =`${str}`

    }
}

  </script>
</head>

<body>
  <header>
    Набор предложений: оаоаоаоааоаоаоа
    <button id="button" onclick="getSelectedText()">Запуск JS скрипта</button>
    <div id="id1"></div>
  </header>
</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript