简体   繁体   English

在 html 按钮中嵌入脚本

[英]Embedding scripts in html buttons

So, I'm a beginner programmer and figured I could do something short and fun.所以,我是一个初学者程序员,我想我可以做一些简短而有趣的事情。 I made a short program in like 5 minutes, but I ran into a problem where I can't figure out, how to make a button that runs a said script when pressed (eg makes an alert with a random number in it) Here's my code我在 5 分钟内编写了一个简短的程序,但我遇到了一个我无法弄清楚的问题,如何制作一个在按下时运行所述脚本的按钮(例如,发出带有随机数的警报)这是我的代码

<!DOCTYPE html>
<html>
    <Head>
        <h2>
        Random number Generator
        </h2>
    </Head>
    <body>
         <script src ="Script.js"></script>
        <button type="button" onclick="alert(randomNum)"> Generate! </button>
    </body>
</html>

and the script part here和这里的脚本部分

    let newNumber = Math.random()
    let oneToHundred = newNumber * 1000
    let result = Math.floor(oneToHundred)
    return result
};
alert(randomNum) ```

I just can't figure out how to make the button search for a script and run it when pressed. I tried to embed the script search to the onclick part, but i got a syntax error.
Any help appreciated
Seven

This would be simple example.这将是一个简单的例子。

HTML file. HTML 文件。

<!DOCTYPE html>
<html>
    <Head>
        <h2>
        Random number Generator
        </h2>
    </Head>
    <body>
         <script src ="Script.js"></script>
        <button type="button" onclick="showMessage()"> Generate! </button>
    </body>
</html>

JavaScript file. JavaScript 文件。

function showMessage() {
    alert("Hello friends, this is random number: " + Math.floor(Math.random() * 11));
}

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM