gpt4 book ai didi

javascript - 使用两个不同的符号生成三 Angular 形图案

转载 作者:太空宇宙 更新时间:2023-11-04 08:02:10 26 4
gpt4 key购买 nike

我想生成一个三 Angular 形的东西,如下所示:

a       (1px)
bb (2px)
aaa (3px)
bbbb (4px)

但是,我发现如果两个符号的大小不同,它就不会是三 Angular 形的。例如,结果将是:


xx
口口口
xxxx

这是我的代码:

<html>

<body>
<script type="text/javascript">
<!--

window.alert("Hello! This website draws a triangular pattern.");
var height; //the height of the triangular pattern
var first; //the first symbol that forms the triangle
var second; //the second symbol that forms the triangle
var display;


height = window.prompt("What is the height of the triangular pattern?")
first = window.prompt("Please enter a symbol to generate the triangular pattern:")
second = window.prompt("Please enter another symbol to generate the triangular pattern:")


h = parseInt(height);

var i, j;

for (i = 1; i <= h; i++) {

display = "<p style = \"font-size: " + i + "ex\">";

for (j = 1; j <= i; j++) {
if (i % 2 > 0)
display += first;

if (i % 2 <= 0)
display += second;
}

display += "</p>";
document.write(display);
}
//-->
</script>
</body>

</html>

这是在网上找到的一个练习,但我忘记了来源。我只需要使用一个 HTML 文件来完成任务。我不能使用外部 CSS。

简单的说,如果第一行总共使用了a px,那么第二行需要使用2a px,忽略符号的大小。

我想知道我该怎么做。就像下图一样。

enter image description here

如果符号的大小几乎相同,我认为我勉强生成形状是可以的。如果没有大问题,希望上面的代码不需要更改,因为我想让我的一些努力被看到。

最佳答案

将行高设置为 1px。将 for 循环内的第一个语句更改为以下代码

display = "<p style = \"font-size: " + i + "ex; line-height: " + i +"px\">";

你会得到类似的东西

enter image description here

关于javascript - 使用两个不同的符号生成三 Angular 形图案,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46925916/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com