Как: страница с 2 текстовыми полями, замена символа при нажатии кнопки - PullRequest
Новая
       18

Как: страница с 2 текстовыми полями, замена символа при нажатии кнопки

0 голосов
/ 22 марта 2020

Я сам не разработчик, и хотя html и css мне как-то знакомы, php и более продвинутые языки не так, пожалуйста, потерпите меня ?

Я хочу иметь простую страницу html (или php или все, что необходимо для этого случая) с 2 текстовыми полями и кнопкой

. Я хочу вставить текст в поле 1 и нажать кнопку «Преобразовать». , он преобразует определенные символы и показывает его в поле 2.

Пример: я вставляю «Я хочу go для прогулки по парку» в поле 1. Нажмите «Преобразовать», и поле 2 покажет мне «I w@nn@ go для @ w@lk в p@rk "

(я знаю, что это глупый пример, но только для того, чтобы вы могли понять, чего я хочу достичь).

Мне просто нужно преобразовать 1 одиночный символ на данный момент, так что в основном есть только 1 «переменная».

Надеюсь, это поможет, и вы, ребята, можете помочь мне с этим.

Спасибо и оставайтесь безопасно! Тиа go ?

1 Ответ

0 голосов
/ 22 марта 2020

html файл 

<input id="input_data" type="text">

<button id="convert">Convert</button>

<div>
      <h1>Output</h1>
      <p id="output"></p>
</div>

<script type="text/javascript">

      document.getElementById("convert").onclick = function(){
            var input = document.getElementById("input_data").value;

            // your choice
            var convert_from = "a";
            var convert_to = "o";
            var finalString = (input.split(convert_from.toUpperCase()).join(convert_to.toUpperCase())).split(convert_from).join(convert_to);
            document.getElementById("output").textContent = finalString;
            copyToClipboard(finalString);
      }

      // You can copy some text to clipboard only by selecting an element
      function copyToClipboard(content){
            // Create a textarea
            var textHolder = document.createElement('textarea');
            // Assign the value
            textHolder.value = content;
            // Appent the textarea to body
            document.body.appendChild(textHolder);
            // "Focus the action" on the textHolder
            textHolder.select();
            textHolder.setSelectionRange(0, 99999); /*For mobile devices*/
            // Copy the content from selected element
            document.execCommand('copy');
            // Remove the textarea from body
            document.body.removeChild(textHolder);
      }
</script>

Надеюсь, это поможет! ^ _ &

...