「JavaScript每日一練」系列——提高你的JS技能(第一天)

以后我會陸續發布關于JavaScript知識點以及案例面試題

文章目錄

文章目錄

題目

一、詳細講解

二、代碼

1.引入庫

總結



題目

輸入一個數字,判斷是不是水仙花數自戀數(自冪數 各位的3次方+十位的三次方+百位的三次方等于153) ----輸出true或false即可。

一個籠子里有雞和兔子,頭有35只,腳有94只,輸入兩個數字,分別代表雞和兔子的個數,輸出是答案。(雞兔同籠問題)---輸出true和false即可。

學聚會,進行點餐,點了大盤雞,水煮魚,大蝦以及四個涼菜和一箱啤酒,分別錄入各個單價,錄入總學生數,計算人均多少錢。(要求輸入有小數)。


提示:以下是本篇文章正文內容,下面案例可供參考

一、詳細講解

第一題:

在 HTML 文件中,將 isNarcissisticNumber 函數所在的 JavaScript 文件引入進來,并通過 onclick 屬性給按鈕添加了一個點擊事件,點擊按鈕后會從輸入框中獲取一個數字,調用 isNarcissisticNumber 函數判斷該數字是否為水仙花數自戀數,最后通過 alert 函數來彈出結果。

第二題:

在 HTML 文件中,將 isChickenAndRabbitNum 函數所在的 JavaScript 文件引入進來,并通過 onclick 屬性給按鈕添加了一個點擊事件,點擊按鈕后會從兩個輸入框中獲取雞和兔子的個數,調用 isChickenAndRabbitNum 函數判斷這兩個數字是否符合題意,最后通過 alert 函數來彈出結果。

第三題:

二、代碼

1.引入庫

第一題:

以下是一個 JavaScript 函數,可以用來判斷一個數字是否為水仙花數自戀數:

function isNarcissisticNumber(num) {// 將數字轉為字符串var str = num.toString();// 數字的位數var n = str.length;// 各位數字的n次方之和var sum = 0;for (var i = 0; i < n; i++) {sum += Math.pow(parseInt(str.charAt(i)), n);}// 判斷是否為水仙花數自戀數return sum == num;
}

可以將該函數放入一個 JavaScript 文件中,然后在瀏覽器中打開一個 HTML 文件,通過輸入框輸入數字并點擊按鈕來測試該函數的效果。HTML 文件的代碼如下:

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>判斷水仙花數自戀數</title>
</head>
<body><input type="text" id="num"><button onclick="test()">判斷</button><script src="判斷水仙花數自戀數.js"></script><script>function test() {var num = document.getElementById("num").value;var result = isNarcissisticNumber(num);alert(result);}</script>
</body>
</html>

第二題
?

以下是一個 JavaScript 函數,可以用來判斷兩個數字分別代表雞和兔子的個數時,是否符合題意:

function isChickenAndRabbitNum(chickenNum, rabbitNum) {// 頭的數量var head = chickenNum + rabbitNum;// 腳的數量var foot = chickenNum * 2 + rabbitNum * 4;// 判斷是否符合題意return head == 35 && foot == 94;
}

可以將該函數放入一個 JavaScript 文件中,然后在瀏覽器中打開一個 HTML 文件,通過輸入框輸入雞和兔子的個數并點擊按鈕來測試該函數的效果。HTML 文件的代碼如下:

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>判斷雞兔同籠問題</title>
</head>
<body><input type="text" id="chickenNum"><input type="text" id="rabbitNum"><button onclick="test()">判斷</button><script src="判斷雞兔同籠問題.js"></script><script>function test() {var chickenNum = parseInt(document.getElementById("chickenNum").value);var rabbitNum = parseInt(document.getElementById("rabbitNum").value);var result = isChickenAndRabbitNum(chickenNum, rabbitNum);alert(result);}</script>
</body>
</html>

第三題:

可以使用以下代碼來實現人均消費的計算:

let dish1Price = 38.5; // 大盤雞的單價
let dish2Price = 55.0; // 水煮魚的單價
let dish3Price = 88.0; // 大蝦的單價
let dish4Price = 18.5; // 涼菜的單價
let drinkPrice = 88.0; // 啤酒的單價
let totalStudentNum = 30; // 總學生數// 計算總共的花費
let totalCost = dish1Price + dish2Price + dish3Price + dish4Price * 4 + drinkPrice;// 計算人均花費
let avgCost = totalCost / totalStudentNum;console.log(`每人平均花費:${avgCost.toFixed(2)} 元。`);

輸出結果為:每人平均花費:18.87 元。

總結

以上就是關于JavaScript每天一練希望大家喜歡!!!

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/209135.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/209135.shtml
英文地址,請注明出處:http://en.pswp.cn/news/209135.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

軟件合集(項目開發中會用到的軟件)

jeecg&#xff08;JeecgBoot 文檔中心&#xff09; JeecgBoot是一款基于BPM的低代碼平臺&#xff01;前后端分離架構 SpringBoot 2.x&#xff0c;SpringCloud&#xff0c;Ant Design&Vue&#xff0c;Mybatis-plus&#xff0c;Shiro&#xff0c;JWT&#xff0c;支持微服務。…

FPGA設計時序分析概念之Timing Arc

目錄 1.1 Timing Arc概念 1.2 Timing Arcs的類型 1.3 Timing Sense(時序感知) 1.4 參考資料 1.1 Timing Arc概念 在時序工具對設計進行時序分析時&#xff0c;經常會看到一個概念Timing Arch(時序弧)。Timing Arc是一個信號一個單元Cell的輸入引腳Pin到該單元輸出引腳Outpu…

python epub文件解析

python epub文件解析 代碼BeautifulSoup 介紹解釋 代碼 import ebooklib from bs4 import BeautifulSoup from ebooklib import epubbook epub.read_epub("邏輯思維訓練1200題.epub")# 解析 for item in book.get_items():# 提取書中的文本內容if item.get_type() …

Redis主從架構中從節點的master_link_status:down

項目場景&#xff1a; 在搭建Redis的主從架構時&#xff0c;查看Redis的從節點狀態時發現其連接的主節點的狀態為down&#xff0c;并且查看主節點的狀態時發現連接的從節點數量為0。 問題描述 原因分析&#xff1a; 可能在主節點中配置了密碼&#xff0c;即requirepass。 解決…

算法:常見的鏈表算法

文章目錄 鏈表算法兩數相加兩兩交換鏈表中的節點重排鏈表合并K個升序鏈表K個一組翻轉鏈表 總結 本篇總結常見的鏈表算法題和看他人題解所得到的一些收獲 鏈表算法 關于鏈表的算法&#xff1a; 畫圖&#xff1a;畫圖可以解決絕大部分的數據結構的問題&#xff0c;任何的算法題…

視覺學習筆記12——百度飛漿框架的PaddleOCR 安裝、標注、訓練以及測試

系列文章目錄 虛擬環境部署 參考博客1 參考博客2 參考博客3 參考博客4 文章目錄 系列文章目錄一、簡單介紹1.OCR介紹2.PaddleOCR介紹 二、安裝1.anaconda基礎環境1&#xff09;anaconda的基本操作2&#xff09;搭建飛漿的基礎環境 2.安裝paddlepaddle-gpu版本1&#xff09;安裝…

語言模型GPT與HuggingFace應用

受到計算機視覺領域采用ImageNet對模型進行一次預訓練&#xff0c;使得模型可以通過海量圖像充分學習如何提取特征&#xff0c;然后再根據任務目標進行模型微調的范式影響&#xff0c;自然語言處理領域基于預訓練語言模型的方法也逐漸成為主流。以ELMo為代表的動態詞向量模型開…

C#8.0本質論第十七章--構建自定義集合

C#8.0本質論第十七章–構建自定義集合 17.1更多集合接口 17.1.1IList< T >和IDictionary< TKey , TValue > 這兩個接口決定了集合類型是側重于通過位置索引來獲取值&#xff0c;還是側重于通過鍵來獲取值。 實現這兩個接口的類都必須提供索引器。 17.1.2IColl…

在線教育小程序正在成為教育行業的新生力量

教育數字化轉型是目前教育領域的一個熱門話題&#xff0c;那么到底什么是教育數字化轉型&#xff1f;如何做好教育數字化轉型&#xff1f; 教育數字化轉型是利用信息技術和數字工具改變和優化教育的過程。主要特征包括技術整合、在線學習、個性化學習、大數據分析、云計算、虛擬…

【C++學習手札】基于紅黑樹封裝模擬實現map和set

? &#x1f3ac;慕斯主頁&#xff1a;修仙—別有洞天 &#x1f49c;本文前置知識&#xff1a; 紅黑樹 ??今日夜電波&#xff1a;漂流—菅原紗由理 2:55━━━━━━?&#x1f49f;──────── 4:29 …

Appium獲取toast方法封裝

一、前置說明 toast消失的很快&#xff0c;并且通過uiautomatorviewer也不能獲取到它的定位信息&#xff0c;如下圖&#xff1a; 二、操作步驟 toast的class name值為android.widget.Toast&#xff0c;雖然toast消失的很快&#xff0c;但是它終究是在Dom結構中出現過&…

【計算機網絡】HTTP請求

目錄 前言 HTTP請求報文格式 一. 請求行 HTTP請求方法 GET和POST的區別 URL 二. 請求頭 常見的Header 常見的額請求體數據類型 三. 請求體 結束語 前言 HTTP是應用層的一個協議。實際我們訪問一個網頁&#xff0c;都會像該網頁的服務器發送HTTP請求&#xff0c;服務…

使用Java將圖片添加到Excel的幾種方式

1、超鏈接 使用POI&#xff0c;依賴如下 <dependency><groupId>org.apache.poi</groupId><artifactId>poi</artifactId><version>4.1.2</version></dependency>Java代碼如下,運行該程序它會在桌面創建ImageLinks.xlsx文件。 …

GPT-4V 在機器人領域的應用

在科技的浩渺宇宙中&#xff0c;OpenAI如一顆璀璨的星辰&#xff0c;于2023年9月25日&#xff0c;以一種全新的方式&#xff0c;向世界揭示了其最新的人工智能力作——GPT-4V模型。這次升級&#xff0c;為其旗下的聊天機器人ChatGPT裝配了語音和圖像的新功能&#xff0c;使得用…

『Linux升級路』進度條小程序

&#x1f525;博客主頁&#xff1a;小王又困了 &#x1f4da;系列專欄&#xff1a;Linux &#x1f31f;人之為學&#xff0c;不日近則日退 ??感謝大家點贊&#x1f44d;收藏?評論?? 目錄 一、預備知識 &#x1f4d2;1.1緩沖區 &#x1f4d2;1.2回車和換行 二、倒計…

修改正點原子綜合實驗的NES模擬器按鍵控制加橫屏

??????? 開發板&#xff1a;stm32f407探索者開發板V2 屏幕是4.3寸-800-480-MCU屏 手頭沒有V3開發板&#xff0c;只有V2&#xff0c;所以沒法測試 所以只講修改哪里&#xff0c;請自行修改 先改手柄部分&#xff0c;把手柄改成按鍵 找到左邊的nes文件夾中的nes_mai…

采用軌到軌輸出設計 LTC6363HMS8-2、LTC6363HMS8-1、LTC6363HRD、LTC6363IDCB差分放大器I

產品詳情 LTC6363 系列包括四個全差分、低功耗、低噪聲放大器&#xff0c;具有經優化的軌到軌輸出以驅動 SAR ADC。LTC6363 是一款獨立的差分放大器&#xff0c;通常使用四個外部電阻設置其增益。LTC6363-0.5、LTC6363-1 和 LTC6363-2 都有內部匹配電阻&#xff0c;可分別創建…

【Python百寶箱】代碼沖突?文件合并不再是問題!Python解決方案大揭秘

Python腳本與圖形工具&#xff1a;文件比較與合并的完整指南 前言 在軟件開發、版本控制和數據處理領域&#xff0c;文件比較和合并是至關重要的任務。Python生態系統中涌現了許多強大的工具和庫&#xff0c;為開發者提供了豐富的選擇。本指南將深入探討 Python 中常用的文件…

看完了一個動畫電影-心靈奇旅

refer: 開二倍速看完了&#xff0c;一部分是聽的&#xff0c;劇情還可以&#xff0c;就是普通的治愈片。 里邊有個臺詞&#xff1a; 一條小魚游到一條老魚旁邊說,“我要找到他們稱之為海洋的東西。” “海洋?”老魚問,“你現在就在海洋里啊。” “這兒?”小魚說,“這兒是水…

人工智能:走向未來的智慧之路

1. 定義與范疇 人工智能&#xff08;AI&#xff09;是一門研究如何使計算機系統能夠模擬人類智慧的科學與技術。這包括了機器學習、深度學習、自然語言處理、計算機視覺等多個子領域。機器學習讓計算機能夠通過數據學習&#xff0c;而深度學習則通過模擬人腦神經網絡的方式實現…