提示命令需要html或javascript代碼幫助

Question

我需要關於javascript代碼的幫助。當他/她點擊「提交信息」按鈕時，我想提醒hello +（他/她在第一個空白處輸入的詞）+（他/她在第二個空白處輸入的詞）。

這是我的html代碼

Please give yourself an adjective: <input type="text" name="adjective" id="id"><br> 
Please input your name: <input type="text" name="name" id="name"><br> 
Please enter your gender<input type="text" name="gender" id="gender"><br> 

<button onclick="Enter()"> Submit Information</button> 

我需要JavaScript命令，所以這些會工作。謝謝！

Answer 1

要提醒你要提醒一下，你把它們放在一個alert()功能，因爲你是在爲你onclick調用該函數Enter()，我已經使用這個在我的例子，以及

這裏的其中一個辦法你想要什麼就做：

HTML

Please give yourself an adjective: <input type="text" name="adjective" id="adjective"><br> 
Please input your name: <input type="text" name="name" id="name"><br> 
Please enter your gender<input type="text" name="gender" id="gender"><br> 

<button id="submit"> Submit Information</button> 

JS

//Event listener for the button. 
document.getElementById ("submit").addEventListener ("click", Enter, false); 

function Enter() { 
    alert("Hello " + document.getElementById('adjective').value + " " + document.getElementById('name').value + " " + document.getElementById('gender').value); 
} 

希望這有助於！

Answer 2

試試這個：

var inputBox = $("#name"); 
var submitButton = $("#submit"); 

submitButton.click(function(){ 

    var getval = 'Hello '+ ($("#name").val()?$("#name").val():alert('please fill the text field')) 
$('#text').text(getval); 
}); 

Your Input: <input id="name" type="text" /> 
<button id="submit" class="btn">Submit</button> 

<a id='text' ></a> 

Answer 3

你可以做到這一點是：

Please give yourself an adjective: <input type="text" name="adjective" id="id"> 
Please input your name: <input type="text" name="name" id="name"> 

Please enter your gender<input type="text" name="gender" id="gender"> 

<button onclick="enter()"> Submit Information</button> 

，並在你的JavaScript代碼：

<script> 
var enter=function(){ 
alert('hello'+document.getElementById("name")+' '+ document.getElementById("gender") +' '+document.getElementByName("adjective")); 
} 
</script> 

你會得到你值恩通過使用

document.getElementById("FormInputId_Here") 

或

document.getElementByName("FormInputName_Here") 

希望它會爲你的作品..