How to get the input field Value and put it in a paragraph?

Question

How to get the input field Value and put it in a paragraph?

404 views Asked by silence1979g At 04 January 2023 at 14:33

I want to get the value of an input field and put the value in between a paragraph and a <strong></strong> tag.

$(document).ready() {
  $("#submit").on("click", function() {
    let inputval = $("#name").val();
    $(".inputvalue").val(inputval);
  })
}

<!DOCTYPE html>
<html lang="de">

<head>
  <meta charset="UTF-8">
  <title>jQuery</title>
</head>

<body>
  <header>
    <h1>Jquery</h1>
  </header>
  <main>
    <section>
      <label for="name">Name</label>
      <input type="text" id="name">
      <input type="submit" id="submit">
      <p class="inputvalue">Hallo <strong>here goes the value of the input field</strong></p>
  </main>
  <link rel="stylesheet" href="/lib/css/styleswebd06.css">
  <script src="/lib/jquery.min.js"></script>
  <script src="/lib/js/appwebd06.js"></script>
</body>

</html>

i tried to get the value of the input field #name in class .inputvalue to geht the text hallo inputvalue

Original Q&A

There are 3 answers

**Faissal Wahabali** · Answer 1 · 2023-01-04 14:44:08

Faissal Wahabali On 04 January 2023 at 14:44

$(".inputvalue strong").text(inputvalue);

**silence1979g** · Answer 2 · 2023-01-04 14:55:30

silence1979g On 04 January 2023 at 14:55

$(".inputvalue").html('HELLO <strong>' + inputval + '</strong>');

Thank you very much.

**SelVazi** · Answer 3 · 2023-01-04 14:38:20

Could you try this :

$(document).ready()
{

    $("#submit").on("click", function () {
        let inputval = $("#name").val();
        $(".inputvalue").html('HELLO <strong>' + inputval + '</strong>');
    })
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html lang="de">
<head>  
    
    
    

    <meta charset="UTF-8">
    <title>jQuery</title>

</head>
<body>
<header><h1>Jquery</h1></header>
<main>
    <section>
        <label for="name">Name</label>
        <input type="text" id="name">
        <input type="submit" id="submit">
        <p class="inputvalue">Hallo <strong>here goes the value of the input field</strong></p>
</main>
<link rel="stylesheet" href="/lib/css/styleswebd06.css">
    <script src="/lib/jquery.min.js"></script>
        <script src="/lib/js/appwebd06.js"></script> 

</body>
</html>

TechQA.

How to get the input field Value and put it in a paragraph?

There are 3 answers

Related Questions in HTML

Related Questions in JQUERY

Related Questions in INPUT

Related Questions in VAL

Popular Questions

Popular Tags

Trending Questions