3 回答

TA貢獻1831條經(jīng)驗 獲得超9個贊
我不確定你想要什么,但我會告訴你如何完全按照你的要求制作一個警報窗口。首先,您必須考慮您正在犯的幾個錯誤。JavaScript 無法識別 Function 這個詞,因為它是大寫的。function 關(guān)鍵字必須是小寫的。
在這里我給你留下一個帶有 JavaScript 保留字的引用鏈接:https ://www.w3schools.com/js/js_reserved.asp
另一方面,我看到您沒有使用表單標(biāo)簽,這會導(dǎo)致兩個問題:技術(shù)和語義。在這里,我給您留下另一個參考表格的鏈接:https ://www.w3schools.com/html/html_forms.asp
最后,為了實現(xiàn)你想要的,你需要使用事件,尤其是點擊事件。在這里我會給你一個參考鏈接和你想要的解決方案:
let button = document.querySelector('#sec1-btn1');
button.addEventListener('click', function(e) {
let val = document.querySelector('#sec1-input').value;
alert(val);
});
<form>
<div class="form-group">
<label for="sec1-input"><strong>Enter Alert Text: </strong></label>
<input type="text" class="form-control" id="sec1-input" />
</div>
<button id="sec1-btn1" type="button" class="btn btn-primary">
Alert Me!
</button>
</form>

TA貢獻1865條經(jīng)驗 獲得超7個贊
javaScript 區(qū)分大小寫
function myfunction1()
{
let myfun1 = document.getElementById('sec1-input').value;
alert(myfun1);
}
<div class="form-group">
<label for="sec1-label"><strong>Enter Alert Text: </strong></label>
<input type="text" class="form-control" id="sec1-input">
</div>
<button id="sec1-btn1" type="button" onClick="myfunction1()" class="btn btn-primary">Alert Me!</button>
元素的 ID 也不應(yīng)該相同,要分配相同的選擇器,使用類,您還需要將函數(shù)提供給元素的事件偵聽器

TA貢獻1848條經(jīng)驗 獲得超2個贊
您還沒有在任何地方調(diào)用該函數(shù)。為了讓它工作,你需要使用一個監(jiān)聽器。
<div class="form-group">
<label for="sec1-input"><strong>Enter Alert Text: </strong></label>
<input type="text" class="form-control" id="sec1-input">
</div>
<button onclick="myfunction1()" id="sec1-btn1" type="button" class="btn btn-primary">Alert Me!</button>
<script>
function myfunction1() {
let myfun1 = document.getElementById('sec1-input').value;
alert(myfun1)
}
</script>
我添加了onClick監(jiān)聽器button,現(xiàn)在它可以工作了。
添加回答
舉報