我对编程完全是业余爱好者，但我想创建一个奇怪的程序。 该程序 - gui 或我不知道如何调用它，将是这样的。 第一页会有一些可点击的按钮，像这样 [1]：https://i.stack.imgur.com/pqAXN.png 每个按钮将通向一个带有其他按钮的页面。当我单击它们时，这些按钮将复制页面随机消息。他们会将消息复制到选定的位置、文本文件、浏览器上以及任何可以接受文本且当前已选中的内容。
对于这样的程序，我需要使用什么编程语言？ 有没有可以“一键”制作编程按钮的程序？ 我完全是业余爱好者，所以任何帮助都会非常感激。
【问题讨论】：
标签： user-interface button
我建议您从 HTML + Javascript 开始。您可以快速启动并运行某些东西。 W3schools might be a good starting point.
以下代码 sn-p 具有您提到的 3 个按钮，并在您单击每个按钮时显示不同的消息。运行这段代码 sn-p 与之交互：
<!DOCTYPE html>
<html>
<body>
<h1>Categories</h1>
<button type="button" onclick="alert('I love cars!')">Cars</button>
<button type="button" onclick="alert('I love food!')">Food</button>
<button type="button" onclick="alert('I love music!')">Music</button>
</body>
</html>在新文件page.html中写入以下sn-p，然后用浏览器打开进行交互：
<html>
<body>
<h1>Categories</h1>
<button type="button" onclick="alert('I love cars!')">Cars</button>
<button type="button" onclick="alert('I love food!')">Food</button>
<button type="button" onclick="alert('I love music!')">Music</button>
<h1>Download</h1>
<button type="button" onclick="download('cars.txt', 'I love cars!')">Cars</button>
<button type="button" onclick="download('food.txt','I love food!')">Food</button>
<button type="button" onclick="download('music.txt','I love music!')">Music</button>
<h1>Paste Message</h1>
<button type="button" onclick="document.querySelector('#q').value = 'I love cars!'">Cars</button>
<button type="button" onclick="document.querySelector('#q').value = 'I love food!'">Food</button>
<button type="button" onclick="document.querySelector('#q').value = 'I love music!'">Music</button>
<h1>Search</h1>
<form action="https://google.com/search">
<input type="text" id="q" name="q" />
<button type="submit">Search Google</button>
</form>
</body>
<script>
// https://stackoverflow.com/a/55784352/260229
function download(filename, data) {
let a = document.createElement('a');
a.href = "data:application/octet-stream," + encodeURIComponent(data);
a.download = filename;
a.click();
}
</script>
</html>
<html>
<body>
<h1>Categories</h1>
<button type="button" onclick="alert('I love cars!')">Cars</button>
<button type="button" onclick="alert('I love food!')">Food</button>
<button type="button" onclick="alert('I love music!')">Music</button>
<h1>Download</h1>
<button type="button" onclick="download('cars.txt', 'I love cars!')">Cars</button>
<button type="button" onclick="download('food.txt','I love food!')">Food</button>
<button type="button" onclick="download('music.txt','I love music!')">Music</button>
<h1>Paste</h1>
<button type="button" onclick="document.querySelector('#q').value = 'I love cars!'">Cars</button>
<button type="button" onclick="document.querySelector('#q').value = 'I love food!'">Food</button>
<button type="button" onclick="document.querySelector('#q').value = 'I love music!'">Music</button>
<h1>Search</h1>
<form action="https://google.com/search">
<input type="text" id="q" name="q" />
<button type="submit">Search Google</button>
</form>
<h1>Clipboard</h1>
<button type="button" onclick="cp('I love cars!')">Cars</button>
<button type="button" onclick="cp('I love food!')">Food</button>
<button type="button" onclick="cp('I love music!')">Music</button>
<button type="button" onclick="cls()">Clear History</button>
</body>
<script>
// https://stackoverflow.com/a/55784352/260229
function download(filename, data) {
let a = document.createElement('a');
a.href = "data:application/octet-stream," + encodeURIComponent(data);
a.download = filename;
a.click();
document.body.removeChild(a);
}
let mem = []
function cp(text) {
mem.push(text)
let history = mem.join('\n'); // each entry is separated with a new line
navigator.clipboard.writeText(history);
alert(history);
}
function cls() {
mem = []
}
</script>
</html>
【讨论】：