Get primefaces input Wert mit JQuery

Question

I-Code verfolgt haben

<h:form id="calcForm"> 
    <h:panelGrid columns="3" styleClass="panelGridNoBorder"> 
    <p:inputText id="value" /> 
    <p:commandButton value="calculate " onclick="calc()" /> 
    </h:panelGrid> 
    <script> 
    function calc() { 
     var value = $("#value").val(); 
     console.log(value); 
     alert(value); 
    } 
    </script> 
</h:form> 

Ich möchte drücken Schaltfläche berechnen und anzeigen Warnung Wert von input. Aber ich bekomme undefine. Ich sehe, dass die Eingabetext-ID calcForm:value ist. Wie kann ich den Eingabetextwert erhalten?

EDIT: in Code

<p:inputText id="value" /> 

in Browser

<input id="calcForm:value" name="calcForm:value" type="text" maxlength="18" style="font-weight: bolder; font-size: 2.4em;" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" role="textbox" aria-disabled="false" aria-readonly="false"> 

Answer 1

Wenn ich folgende Sie richtig verstanden wird Ihr Problem

var value = $("#calcForm\\:value").val() 

function calc() { 
 
    var value = $("#calcForm\\:value").val(); 
 
    console.log(value); 
 
    alert(value); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="calcForm:value" name="calcForm:value" type="text" maxlength="18" style="font-weight: bolder; font-size: 2.4em;" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all" role="textbox" aria-disabled="false" aria-readonly="false"> 
 
<button onclick="calc()">Calculate</button>

lösen